CSS3 Gradient Backgrounds

Posted by bput4all on July 29, 2012 · Leave a Comment 

Linear Gradient (Top → Bottom) #linearBg2 { /* fallback */ background-color: #1a82f7; background: url(images/linear_bg_2.png); background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #2F2727, #1a82f7); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #2F2727, #1a82f7); /* IE 10 */ background: -ms-linear-gradient(top, #2F2727, … Continue reading →

Category css, Programming · Tagged with , ,

Cross browser opacity

Posted by bput4all on April 20, 2012 · Leave a Comment 

Works in Chrome, FF, Safari, IE6+. selector { opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=75); /* IE lt 8 */ -ms-filter: “alpha(opacity=75)”; /* IE 8 */ -khtml-opacity: .75; /* Safari 1.x */ -moz-opacity: .75; /* FF lt 1.5, Netscape */ }

Category css · Tagged with

8 CSS preprocessors to speed up web development time

Posted by bput4all on April 20, 2012 · Leave a Comment 

8 CSS preprocessors to speed up development time CSS allow you to do lots of things, but some features are missing to developers. What about variable, constants, and general faster syntax? As normal CSS can’t do that, people created preprocessors to allow the use of variables on CSS files and then parse it to regular … Continue reading →

Category css · Tagged with

Css text rotation

Posted by bput4all on February 3, 2012 · Leave a Comment 

.rotate {  /* Safari */  -webkit-transform: rotate(-90deg);  /* Firefox */  -moz-transform: rotate(-90deg); /* IE */  -ms-transform: rotate(-90deg); /* Opera */  -o-transform: rotate(-90deg);  /* Internet Explorer */  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

Category css · Tagged with