This blog uses responsible cookies for functionality and user preferences.
Google Analytics is used for collecting general public information to understand how my blog is used.
Learn moreThe Official Blog of Patcoola
Im just a dude watching over my parents,
and trying to make cartoons and video games from home.
and trying to make cartoons and video games from home.
Script: Set Box Shadow [JS]
Important!
Dear visitors,
This blog and the Tigarus.com network will be changing our website software in May (2024). There will be some down time and there will be a change to the webpage addresses.
We will also be removing the Anime blogs. The Rocksmith Songs website will be unavailable of a few weeks or months while I move the database to the new software.
At the moment we are running on Wordpress, the new software is an in-house project which is 57 times faster. It will also provide more freedom for development.
Thank you for understanding.
Script Title: setBoxShadow
Programming Language: Java Script
Date Completed: 2012/10/06
Purpose: To easily set the Box Shadow CSS rule across different Web browsers.
Description: Box Shadow is an advance CSS rule that many Web browsers do not fully support, this Java Script function attempts to provide a simple method of applying the Box Shadow. Returns undefined if the target element is not an element or a string, returns true if the CSS rule has been set or false if the rule could not be set.
Compatibility: Works with all HTML5 supported Web browsers, plus support for legacy Webkits and Mozilla based Web browsers.
Method:
Object.setBoxShadow ( [color, hShadow_i, vShadow_i, blur_i, spread_i, inset_b] );
Function Arguments:
colorDefault value #000000 “Black”
horizontal ShadowDefault value 0px
vertical ShadowDefault value 0px
blurDefault value 0px
spreadDefault value 0px
insetDefault value false
Note: All arguments are optional, this function sets measurement as pixels.
Example Usage:
document.getElementById(“myDiv”).setBoxShadow( “”, 3, 3, 3, 3 );
Or
“myDiv”.setBoxShadow( “”, 3, 3, 3, 3 );
Post Meta
Share Post
Comments: Write Comment
Be the first to write a comment.
Leave a Comment
Terms of Use, Cookies, Privacy, and more, see Terms and Privacy
Third-party copyrights and trademarks featured on this site are owned by their respected holders.
Website written and designed by Patcoola 2019, some rights reserved.