Skip to main content

Box Shadows - Cross platform CSS

Been looking at different ways to implement box shadows in pure css, came up with one solution.

Inside your html file
<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="css/ie.css"><![endif]-->

.boxShadow {
border:1px solid #2A2A2A;
.boxShadow .flash{
position:relative ;
top:5px ; /* pixel here represents pixel of the border */
left:5px; /* pixel here represents pixel of the border */
.boxShadowImg{ /* ie would not follow the width of the parent */
.boxShadow  .img{ /* just pull up the image, -5px works in border (Seems) */

then if your using image you could use this format
<div class="boxShadow boxShadowImg">
<img class="img" src="" />

then if you have a flash (with swfobject)
<div class="boxShadow">
<div class="flash">
<div id="flashContent"></div>

Standard browser, the color would be different from IE, play around with it
-webkit-box-shadow: #111 0px 0px 10px;
-moz-box-shadow: #111 0px 0px 10px;
box-shadow:#111 0px 0px 10px;

Hope this helps


Popular posts from this blog

Unlockd Android Auto Open

Now that Unlockd has reached its doomed . Here is a script where i just downloaded android tools and automatically have my phone open, I believe you can use this for games that requires constant tapping of the screen (as long as it's not one of the fast tap one as adb has a delay). for i in `seq 1 50`; do # open the phone adb shell input keyevent 26 # keep the phone open for 8 seconds sleep 8 # close the phone adb shell input keyevent 26 # randomised sleep to make it look real sleep $[ ( $RANDOM % 10 ) + 1 ]s done if your phone has passcode for i in `seq 1 50`; do adb shell input keyevent 26 sleep 1 # swipe from bottom to up adb shell input touchscreen swipe 530 1280 1030 480 # enter your passcode adb shell input text <Your passcode> # check button adb shell input keyevent 66 sleep 8 adb shell input keyevent 26 s

How to disable textfield on AS3

This took me 2 hours to find out how to disable textfield on AS3, its not the perfect solution but it seems to be the only solution. private var txtField:Textfield; ... this.txtField = this.getChildByName("txtField"); this.txtField.mouseEnabled = false; this.txtField.tabEnabled = false; and to turn it enable again: this.txtField.mouseEnabled = true; this.txtField.tabEnabled = true; You could also do this //disable input myTextField.selectable = false; myTextField.type = TextFieldType.DYNAMIC; //enable input myTextField.selectable = true; myTextField.type = TextFieldType.INPUT; While this sound cheap coz you have to disable the mouse and the tab of that component and not the component itself, it seems to be the only solution. Thanks Adobe!!!!!!!!

New Website

Are unicorns real? We try to look all over the web for unicorns and we might have found some that you might like or watch. is a new site that finds interesting unicorn products or unicorn videos. If you're a unicorn lover, head over and check it out.