Light source: Apply a shadow to elements based on light position

Recommend this page to a friend!
  Info   Screenshots   View files Files   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 346 All time: 118 This week: 5Up
Version License JavaScript version Categories
light-source 1.0BSD License1.0Animation, HTML
Description 

Author

This object can apply a shadow to page elements based on the position of a light.

It takes the identifier of a page element and changes its CSS atttributes that define shadow parameters depending on the position of a light source relative to the target element and its children elements.

The shadow can generated either with the shape of the text elements or the whole box of the target element.

Picture of Arturs Sosins
  Performance   Level  
Name: Arturs Sosins <contact>
Classes: 51 packages by
Country: United States United States
Age: 36
All time rank: 1
Week rank: 6 Down
Innovation award
Innovation award
Nominee: 8x

Winner: 6x

Screenshots (1)  
  • light_source.jpg
Videos (1)  
  Files folder image Files (8)  
File Role Description
Plain text file light_source.js Class Main class source
Plain text file light_source.packed.js Class Main class packed
Accessible without login Image file lightbulb.png Data Image for example
Accessible without login Plain text file mouse_example.html Example Mouse as light source, box shadow only
Accessible without login Plain text file mouse_light_source.html Example Mouse as light source, text shadow only, many elements
Accessible without login Plain text file simple_example.html Example Example with static light source
Accessible without login Plain text file switch.html Example Toggling light switch

 Version Control Unique User Downloads Download Rankings  
 0%
Total:346
This week:0
All time:118
This week:5Up