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 2012
aiglefin : parce que le code ne vient pas de ce site :)
#9par css3create, le 14 janvier 2012
@Maiki : Et on peut savoir qui tu es pour affirmer que le code n’est pas de moi ?
#10par moioli888, le 29 janvier 2012
@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 2012
Il reste un petit soucis, surement de padding ou autre, mais l’iphone tourne et tremble selon le positionnement de la souris :)
#12par CNbreak, le 13 juillet 2012
slt quelqu un a t il les source j en est besoin pour en faire un formulaire en php le mettre en fon merci
#13par RaZka, le 27 juillet 2012
eh les loulous, ce site s’adresse a des gens qui ont déjà quelques bases ! Vous imaginer le nombre de ligne de code pour chaque démo ?? Surtout que les tutos sont mis en page et rédigés avec beaucoup de soin. Donc pour voir les sources complètent utiliser Firebug et Cie, vous verrez comment tout a été conçu...
@CCS3create : En tout cas félicitation pour ce site génial, qui m’inspire et me permet d’aller "toujours plus loins" à chaque nouveau site !!
#14par chup, le 9 janvier 2013
ouais enfin on fait tourner une image avec son reflet sur l’écran... pas top. _ :(
Normalement le reflet ne bouge pas quand un objet se tourne !
#15par Mexanga, le 27 avril 2013
@chup : Désoler pour toi, ce n’est pas une image. L’iphone n’est fait que de div...