Souscrire
Blog iamvdo.meVous vous dites : quelle utilité ?
Aucune en tant que tel. Par contre, cela permet de se rendre compte de la puissance des CSS. On pousse ici les CSS dans leurs derniers retranchements...
La différence entre les navigateurs se trouve dans le dégradé utilisé pour le reflet. Dans le moteur Gecko (Firefox), on utilise un seul dégradé, qui s’étend du bas à gauche vers le haut à droite. Dans le moteur Webkit (Safari, Chrome) l’utilisation de la propriété -webkit-mask permet un dessin un peu plus poussé : en effet un dégradé est créé de haut en bas puis masqué par un autre dégradé identique à celui appliqué dans Firefox. Malheureusement, Chrome ne connait pas cette règle, et donc le dégradé s’affiche entièrement.
-webkit-mask n’est pas une règle CSS3 conforme W3C.
#1par geekoom, le 7 mars 2011
super, bien joué ;) mais ça serait encore mieux si tu mettait le code avec les explication
#2par eBuildy, le 3 mai 2011
Woa ! beau travail, un bel exemple ds la puissance de CSS 3, adieu images ...
#3par SEB, le 2 août 2011
Beau boulot ;-)
#4par Bunnybugs, le 25 août 2011
Tres beau site avec de merveilleux tutos sur le CSS.
Bennis sois-tu et bennis-soit ton site.
#5par Heyrisson, le 9 octobre 2011
Ce qui serait vraiment cool, sur tous tes tutos, c’est toujours plus d’explications, et aussi le code facilement visible ;). Là, ton site serait parfait =)
#6par aiglefin, le 28 octobre 2011
à quoi ça sert s’il n’y’a pas d’explications sur comment celà a été réalisé
#7par MortIImer, le 27 novembre 2011
J’approuve "geekoom" ! :p
#8par Maiki, le 14 janvier
aiglefin : parce que le code ne vient pas de ce site :)
#9par css3create, le 14 janvier
@Maiki : Et on peut savoir qui tu es pour affirmer que le code n’est pas de moi ?
#10par moioli888, le 29 janvier
@Maiki : Est-ce que tu penses qu’il a pris le code de Tjrus ?
Alors figure toi que son Iphone était là bien avant celui de Tjrus..
#11par Sieo, le 5 avril
Il reste un petit soucis, surement de padding ou autre, mais l’iphone tourne et tremble selon le positionnement de la souris :)