1 CSS3 Gradients Thu Dec 16, 2010 12:06 am
RockerMan
Technician
CSS3 Gradients CSS gradient property for beginners |
OK so today we are going to discuss CSS3 Gradients and how to master them. They can be a little confusing to asomeone who is just starting in CSS. Follow this guied and you should be fine OK so lets have a look at the code:
OK so unfortunatly the code look nothink alike, as you may know WebKit is the following browsers:
And of course is Mozilla (Firefox Only). Now a quick explination why we have to use the Moz tag, if we just use linear-gradient Firefox will not pick it up as it requiers you to reference that you want to apply it to Firefox. Quick Tip: IE doesn't support CSS3 as of yet, so we must alway provide a fall back option, see the code for more details on this. IE 9 is due to be released fully soon. Then it will support it OK now to the ponint.... Firefox first -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
OK now WebKit Browsers.... -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727))
Don't forget to check you brackets, it won't work if you dont! Thanks For Reading Rob |
Notice : This tutorial is copyrighted by WebArtz Forum. You may not publish it on anywhere without written permission from the administrators. |
Last edited by RockerMan on Wed Jan 05, 2011 10:34 pm; edited 1 time in total