Css3 13
How to create shadow effect in css?
Using ‘BOX-SHADOW‘ property we can create shadow effect around an HTML element. The syntax of this property is, box-shadow: horizontal-shadow vertical-shadow blur-distance spread-distance color inset Checkout the below Fiddle of some shadow effects(fiddle link)
SASS : A CSS Authoring Framework
“SASS” is also called as “Sassy CSS” and It stands for Syntactically Awesome Style Sheet. It is used for Authoring CSS.It provides an awesome programmatic platform to a CSS developer. To know more about SASS use the below link:- […]
How to create multiple borders in an HTML element?
In CSS3 we have a box-shadow property which creates shadow around an element.A bit tricky use of this property can get us a multiple border in an HTML element. Example, .my-name-container{ box-shadow: 0 0 0 30px violet, 0 0 0 60px indigo, 0 0 0 90px blue, 0 0 0 120px green, 0 0 0 […]
CSS3 Rotation In X, Y, Z Axes
CCS3 provides rotation transformation along with transition. It means we can use x,y,z rotation of an object along with the transition in time. Testing the rotation rotationdemo.html, <!DOCTYPE html><html> <head> <title>CSS3 Rotation Demo</title> <style> body { display: inline-block; } div.name-sandeep { color:white; text-align:center; padding:100px; width:100px; height:75px; background:brown; border:4px solid red; border-radius:0px; float:left; transition:transform 4s; -moz-transition:transform […]