Instant Documentation Search. Best Web Gallery. Digital Hands - Online Brand Communication. Sprite Cow - Generate CSS for sprite sheets. Web Typography for the Lonely. The top 10 CSS3 techniques. Net magazine is the number one choice for the professional web designer and developer.
Adobe-webkit / Home / WebKit and Adobe Contributions. CSS Shaders bring cinematic visual effects to HTML, using simple CSS syntax.
They expand the visual effects and interactivity possible with Web content. With CSS shaders, you can twist, wave, curl, and color your content in any way you like to create effects such as flipping pages, curling corners, paper textures, curtain effects, magnifying glass, or anything else you can express in a shading language. We, Adobe, think CSS shaders can be both visually pleasing and, perhaps more importantly, provide enhanced user experience by offering very organic and natural user interaction feedback. See for the concepts we propose with CSS Shaders. This prototype implementation leverages some Chrome specific features at the low level to add support for CSS shaders. CSS Regions are a proposed addition from Adobe to the W3C CSS (Cascading Style Sheet) web standard that allows designers to build complex magazine like layouts using web standards. Updates to Webkit for HTML5/CSS 3 Support Project Plans.
A showcase of sites using HTML5 markup. When can I use... Support tables for HTML5, CSS3, etc. Modernizr. CSS 3.0 maker » Web Gallery. Ultimate CSS Gradient Generator - ColorZilla.com. /* Permalink - use to edit and share this gradient: */ background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */