CSS : activer par défaut les fonction -moz* -webkit* -o*

[Leyry Hynemonth]

Bonjour !


Voilà, je suis très embêté : Je fais un site web dans lequel j'utiliser beaucoup d'attributs en CSS3, ou des choses un peux "épiques" du genre border-radius, transform, box-shadow ...

Sauf que, bien souvent, pour déclencher le truc dans un navigateur, il faut faire -webkit-transform ...

Et ça, pour chaque navigateur. En plus de l'attribut sans rien, pour le futur, quand les navigateurs supporteront pleinement le CSS.

Pour un attribut "épique", ça me donne environ 4 lignes :
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;



Résultat, ma feuille de style fait 1170 lignes. :rateau:
Le moindre changement sur ces choses-là implique 4 changements.

La question : y-a'til un moyen d'indiquer au navigateur client de passer en mode "Je comprends tous les attributs CSS3 et donc, je réagis naturellement à tous les attributs, même s'ils sont encore en développement".
Et donc virer tous les -webkit-*, -o-*, -moz-* .

Merci pour votre aide.

(Au fait, comment s'appelle ce genre d'attribut -webkit-* -> que je puisse faire une recherche efficace sur google. )

Encore, merci.

 

[Johannès]

Salut,

Dans l'état actuel des choses tu n'as pas le choix (crois-moi ça me faciliterait aussi la vie)

Cela s'appelle des "préfixes" css3

J'ai trouvé ça : http://www.w3schools.com/css3/tryit.asp?filename=trycss3_transition-property

et ça : http://www.alsacreations.com/tuto/lire/873-transitions-css3-animations.html

---------- Nouveau message ajouté à 10h45 ---------- Le message précédent a été envoyé à 10h41 ----------

Et deux très bons sites à connaitre

http://findmebyip.com/litmus

http://caniuse.com/

 

[Leyry Hynemonth]

Dans l'état actuel des choses tu n'as pas le choix (crois-moi ça me faciliterait aussi la vie)

Bon, ben merci

(Et merci pour les liens )

 

[Nephou]

Bonjour,

l’intérêt des vendor prefixes est de proposer et tester des attributs et mécanismes de mise en forme avant leur intégration aux spécifications. Nul navigateur ne supporte donc le préfixe de son collègue.

pour l’expérimentation et la génération des préfixes tous navigateurs confondus il y a le fameux CSS3 Please! de Paul Irish et Jonathan Neal.

Pour la production, il y a des experiences en javascript comme CSS3 Prefix Generator.

Mais mon conseil serait plutôt de regarder du côté du langage Less

 

[Leyry Hynemonth]

plutôt de regarder du côté du langage Less

Hello.

Mon projet est à présent terminé, mais ça semble cool ce Less
Je m'en vais l'étudier !


Merci bien ;-)

 

[dejautilise]

yes... faut regardé du coté du framework Less !