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

Recommend this page to a friend!
  Info   Screenshots Screenshots   View files View files (7)   DownloadInstall with Composer Download .zip   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: Latvia Latvia
Age: 35
All time rank: 1
Week rank: 6 Down1 in Latvia Latvia Equal
Innovation award
Innovation award
Nominee: 8x

Winner: 6x

  • light_source.jpg
  Files folder image Files  
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  
This week:0
All time:118
This week:5Up