CSS Notes
Jump to navigation
Jump to search
Some Links
- Menu Tabs
- Form Design
- W3Schools Tutorial
- Maxdesign Tutorial
- CSSTutorial.net
- HTML.net CSS tutorial
- http://www.echoecho.com/css.htm
- http://www.htmlgoodies.com/beyond/css/
- http://www.tizag.com/cssT/
Reference Pages
Interesting Sites
- http://www.colorzilla.com/gradient-editor/
- http://www.colorzilla.com/gradient-editor/#f3c5bd+0,ea2803+30,ea2803+30,e86c57+50,ea2803+62,24c900+82,c72200+100;Custom
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,ea2803+30,ea2803+30,e86c57+50,ea2803+62,24c900+82,c72200+100 */ background: #f3c5bd; /* Old browsers */ background: -moz-linear-gradient(top, #f3c5bd 0%, #ea2803 30%, #ea2803 30%, #e86c57 50%, #ea2803 62%, #24c900 82%, #c72200 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(30%,#ea2803), color-stop(30%,#ea2803), color-stop(50%,#e86c57), color-stop(62%,#ea2803), color-stop(82%,#24c900), color-stop(100%,#c72200)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* IE10+ */ background: linear-gradient(to bottom, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */