background preloader

12 Awesome CSS3 Features That You Can Finally Start Using

12 Awesome CSS3 Features That You Can Finally Start Using
Martin Angelov If you are like me, when you see an impressive demo of a new CSS3 feature, you can’t wait to start using it in websites. Of course, then you see that it is available in only one or two of the major browsers (and this never includes IE), so ultimately you decide to wait. I have good news for you – with the latest browser releases, there are a few awesome features that are finally supported everywhere, and you can start using them right now! A word of caution – most of these features will not work in older versions of IE (9 and below). 1. CSS animations are finally available in all major browsers, even in IE (since version 10). The second way for defining animations is a bit more complicated – it involves the description of specific moments of the animation with the @keyframe rule. Run There is much to learn about CSS animations, and I suggest that you start from this Mozilla Developer Network (MDN) article. 2. Another new and awesome CSS feature is the calc() function. 3.

Ufunk.net - Gadgets japonais et Arts insolites CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web. css3 Créer une popup responsive en jQuery et CSS3 Nous allons voir dans ce tuto comment faire apparaître un formulaire d’inscription (ou toute autre information) dans une popup responsive et ce en CSS3 et jQuery. Réaliser une galerie avec des miniatures aux effets CSS3 Je vais aujourd’hui vous montrer comment réaliser l’effet de survol en CSS3 que vous avez pu voir dans la démo pour le bandeau en Javascript l’autre jour. Menu CSS 3 animé Nous allons voir aujourd’hui comment créer un menu en CSS3 avec une petite animation. CSS 3 transform : rotation et échelle Aujourd’hui nous allons voir deux nouveaux effets réalisés en css3. 2 effets CSS3 assez saisissants Je vais aujourd’hui vous montrer comment réaliser deux effets assez intéressants en CSS3.

Design Spartan : Art digital, digital painting, webdesign, illustration et inspiration… | Le blog sur l'art digital, le webdesign, l'illustration et le digital painting Ressources et Tutoriels : transitions et animations en CSS3 Je le prédis comme une grosse tendance pour 2013 : l’adoption et l’utilisation massive d’animations en CSS3 pour agrémenter l’expérience utilisateur et apporter de l’originalité au design. Les possibilités d’animation offertes par le CSS3 poussent l’interaction plus loin, et cela relativement facilement. Voici une liste de liens regroupant chacun plusieurs tutoriels et ressources à télécharger gratuitement tirant profit de ces nouvelles possibilités. Plus besoin de Flash pour réaliser de petites animations et effets divers. Qu’il s’agisse d’effets de survol, de surbrillance, de simulation de 3D en exécutant des rotations, des transformations de plans, des découpages, etc… le CSS3 conforte ses positions et montre qu’il y a encore beaucoup à faire avec. Vous trouverez ci-dessous de nombreux exemples de ce qu’il est possible de faire grâce à cette nouveauté et à un support de ses fonctionnalités meilleur de mois en mois. 18 tutoriels d’effets d’animation et de transition avec CSS3

Related: