Transit - CSS transitions and transformations for jQuery What about older browsers? Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still doing standard CSS (opacity, marginLeft, etc) without any animation. Delays and durations will be ignored. // Delegate .transition() calls to .animate()// if the browser can't do CSS transitions.if (! Fallback to frame-based animation If you would like to fallback to classic animation when transitions aren't supported, just manually redefine .transitition to .animate. (Note: if you're using custom easing, you may need to also use jQuery Easing, and restrict your use of easing options to the ones defined there.) $.fx.speeds. Default duration Transit honors jQuery's default speed, $.fx.speeds. Custom easing Define custom easing aliases in $.cssEase. Webkit: prevent flickers Having flickering problems in Webkit? Antialias problems in Webkit? Force hardware-acceleration in Webkits to prevent text flickering.
curator's ǝpoɔ Effets en CSS Sommaire Sommaire Dans ce tuto, je vous donnerais le code CSS et xHTML pour faire des choses que l'on fait normalement en JavaScript, comme des menus déroulants ou des lightbox. J'ai indiqué la compatibilité suivant les navigateurs. Les versions testés sont : Firefox 4.0/3.6, Internet Explorer 9,8, Opera 11.10, Safari 4, Chrome 10 ainsi que Konqueror 4.2.2. Permettez-moi de vous donner deux fichiers PDF qui sont pour moi les couteaux-suisses du codeur HTML/CSS : Ils montrent en une page la quasi-totalité des codes HTML et CSS2 :PDF sur le HTML (archive zip : 1.8Mio ; MD5 : 778bd3ea7c04408e75ecf50686d6c606)PDF sur les CSS (fichier pdf : 42Kio ; MD5 : f788c273f2ef4d1354e3c418492f1306) Ce que cette page est censé apporter, ce sont des bouts de codes, quelques explications ainsi que des exemples à chaque fois. Sauf mention contraire, les astuces visibles ici ne font appel qu'à du CSS. Compatibilité : xHTML Les menus sont souvent faits avec des listes <ul>, <li>. Code : HTML Code : CSS Essayer Voilà.
Solar System Scope Best CSS Button Generator: Create CSS-only Buttons Year of Astronomy - Pepper & Cinnamon Year of Astronomy Year of Astronomy is an integral part of my thesis — The Papercy Project (c. 2009-2010). At its heart, The Papercy Project is about resonance. There will always be both quantifiable and abstract aspects of graphic design that we have to reconcile and contend with — the tangible and intangible. My choice of medium to express this is paper — a material increasingly sidelined in a digital world. In Year of Astronomy, I augmented digital prints with handicraft methods (letterpress, silkscreen, varnish, die-cut, emboss, etc.) and different textures of paper with overlays (which can be switched around for different compositions).
Openweb.eu.org — Bien faire le web ! CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web.