Les meilleurs générateurs CSS3 à ne pas manquer
Entre le html5 et le CSS3, le web ne cesse d’avancer. Dans cet article, je vous propose de découvrir (ou redécouvrir) une liste d’outils indispensables dans la conquète du css3. Un moyen très pratique pour gagner du temps dans l’intégrations de vos sites web.
Direction dans la suite de l’article !
layerstyles.org
LayerStyles est un générateur disposé à l’image du célèbre photoshop. Comme sur le logiciel d’Adobe, il vous suffit de modifier les options de la fenêtre pour changer les attributs de la « box » à droite. Il vous suffit de récupérer le code en cliquant en bas sur « CSS code »
ButtonMaker
ViewMaker est un générateur dédiés aux bouttons de vos sites web. Vous pouvez modifiers toutes les options des boutons de façon très simple.
border-radius.com
Un cadre, 4 angles. Voilà comment se compose le générateur Border radius. Il vous suffit de rentrer la taille d’arrondis en pixels que vous désirez pour chaque angles.
csswarp
Avec csswarp, découvrez les possibilités les plus folles de la déformation de textes en css3. Un générateur a rater sous aucun prétexte !
www.css3maker
Voilà un des générateurs les plus complets. De la transition à l’animation en passant par le box shadow et border radius. Avec CSS 3.0 Maker, découvrez la plus part des possibilité du css3.
CSS3 – Text shadow
Un générateur dédiés aux ombres des textes (appellé text shadow)
gradient-editor
Pour terminer cette liste, voici Ultimate CSS Grandient Generator. Comme son nom l’indique il vous permettra de générer tous vos dégradés en css !
Commentaires
-
William dit :
Il y a aussi celui que j’ai codé pour les text-shadow : http://www.css3dev.williamagay.fr
Répondre -
exootia dit :
@William: Merci pour l’info, je te le rajoute dans la sélection au plus vite !
Répondre -
Voici aussi quelques générateurs de CSS3 :
- Pour text-shadow (ombre portée sur du texte) :
http://www.jacky-jack.fr/generateur-de-Qr-Code/- Pour box-shadow (ombre de portée sur des blocs) :
http://www.jacky-jack.fr/source/11/05/28/Generator-CSS-box-shadow/- Pour border-radius (bords arrondis) :
http://www.jacky-jack.fr/source/11/05/29/Generator-CSS-border-radius/Répondre
« I really like the design of your site. I appreciate the quality of the i »
« I wish to get across my affection for your kind-heartedness giving suppo »
« Parce que ce magazine est vraiment génial, je m'inscris ! :D »
« Très bonne sélection ! Je conseille également www.iospirations.com qui e »
