CSS
Get flash to fully experience Pearltrees
Vous pouvez trouver un tableau récapitulatif en image, pour résumer de manière précise et simple, tout ce qui concerne les CSS à cette adresse : http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/ Les tableaux de compatibilités sont principalement tirés du site http://www.webdevout.com que je salue, au passage, d'un grand coup de chapeau. Notons que dans les tableaux de compatibilité , les nombres en pourcent vous renvoient vers les propriétés plus spécifique.
Cascading Style Sheets : L'ensemble des propriétés CSS - Mediabox - Centre de Formation Adobe et Apple - Ressources
CSS3 Patterns Gallery
Browser support The patterns themselves should work on Firefox 3.6+ , Chrome , Safari 5.1 , Opera 11.10+ and IE10+ . However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients). Also, this gallery won’t work in Firefox 3.6 and IE10, even though they support gradients, due to a JavaScript limitation. Submission guidelines If you have a new pattern to submit, please send a pull request .
» Skip to the CSS3 Gradient Generator Tool Lately, pretty cool things happen in the world of web design. HTML5 and CSS3 very easily get under the skin of everyone who is involved in the web development in any way.
Blog Archive | A CSS3 Gradient Button Generator
The examples on this page will work properly in Safari, Chrome and Opera. In Firefox prior to version 4 you will see the transforms, but without any animation. Transformation effects also work now in Internet Explorer 9 using the -ms- vendor prefix. The implementation of animation in CSS involves setting up a transformation to take place in response to a mouseover or other event. Then, rather than applying the effect instantly, we assign a transition timing function which applies the transformation/s over a set time period. Firefox and Opera now support these transforms with an almost identical syntax - just replace -webkit with -moz or -o in the examples below and you will see the same effects.
Animation Using CSS Transforms < CSS
Ultimate CSS Gradient Generator - ColorZilla.com
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+ */