12
2013
way of setting Box Shadow css and CSS3 Basic
An article by Admin
CSS 3 code base to create a Box Shadow css and Basic CSS3 or Shadow box effect of the blog. To simplify the current theme or edit a blog template, one important thing to know is the code for each browser has different. Particularly the CSS code 3 to create or add the blog to create a beautiful Shadow (shadow). By knowing the differences in the code, it’s easier to do the editing, because each browser such as Firefox, Opera, and Chrome is different in the script displays.
Although it is often edit WordPress theme, with the main autodidact change their code, in order to fit so I always try it on all browsers. For example, to create a Shadow effect on the border and background (a more complete tutorial example code). Sometimes it is just right for Firefox, but chaotic when accessed using Opera, Chrome or Safari. So sometimes take a long time to try it. It’s all because I do not understand the function code for each browser is different.
If you understand the basic code CSS 3 then the work becomes faster and easier.
Well, just a sample code to create a Box Shadow css and Basic CSS3 or boxes in Firefox 3.5 +, Safari 3 +, Opera 10.5 and Chrome. Internet Explorer (IE) has so far not yet support: (still loyal to all her innocence hik hik …
-Moz-box-shadow: 5px 6px 7px # d0d0d0;
-Webkit-box-shadow: 5px 6px 7px # d0d0d0;
-Box-shadow: 5px 6px 7px # d0d0d0;
From the sample code for CSS 3 above, note the words in red
-Moz-box-shadow to create a shadow in Firefox browser
-Webkit-box-shadow to shadow in Safari and Chrome
-Box-shadow is used to Opera
So by knowing the different functions of the CSS 3 code, the figures may be not the same, because each browser is different in the display when accessed on the internet.
Tutorials are short and clear was I got from a blog that unfortunately the access of our country in the block by the owner: (
But nevertheless thank you for http://unstuffeddesign.com/ I like your tutorial’s
Well, this tutorial just know CSS3 code for every browser to create a shadow box. Of the code base, it will be easier when writing code to beautify the box, border, text, corners curled and others. May be useful. Sorry and thanks.
