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

Level 4 StarStarStarStar

 Innovation award
Innovation award
Nominee: 8x

Winner: 6x

Screenshots  
  • light_source.jpg
Videos  
  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

Downloadlight-source-2011-10-28.zip 51KB
Downloadlight-source-2011-10-28.tar.gz 49KB
Install with ComposerInstall with Composer
 Version Control Unique User Downloads Download Rankings  
 0%
Total:346
This week:0
All time:118
This week:5Up

  Applications that use this package  
No pages of applications that use this class were specified.

Add link image If you know an application of this package, send a message to the author to add a link here.


  Related pages  
Documentation and example scripts in action