-
Test chez Mon Ami Gilbert
-
Commentaires
Bonsoir !
Beau travail !
Je vois avec plaisir que tu as amélioré l'idée de base !
Je viens de regarder ton code source car je ne comprenais pas comment tu avais mis un fond texturé sous la sélection; tu as fait la sélection sur le paragraphe, au dessus du fond texturé: belle idée !
Effectivement, le background-clip, fait partie de ces background-image et est moins facile à utiliser, sauf sur des paragraphes de texte.
Pas contre, tu verras demain, le background-position et le background size permettent une agrandissement du fond au survol du montage.
Amusant, n'est-ce pas .. et le résultat est joli !
Bonne soirée.
Gilbert
j'ai vu chez Gilbert ce matin, et c'est très sympa aussi avec des contours colorés et décorés. Bonne soirée
Je repensais à ton histoire de rotation et je viens de faire l'essai et cela me semble fonctionner, non ?
<div style="width: 500px; height: 500px; margin: 0 0 20px 0; box-shadow: 0px 0px 10px black; float: left; border: 4px ridge white; background-image: url('https://npkudq.bay.livefilestore.com/y2pxFuz1F1xvmSSOovZTdykoNSWz-Der76PIGr8rDpKzPa57hvSqxEQs6_SDWaBZjg1OdoxZhcqiDOkmLnqvalr2U0MyvD9IHMD0mYD821Fod3bfDqfXJerdfv5jBhhg2rt/14777324-vector-seamless-nautical-background-with-hand-drawn-elements--ship-steering-wheel-and-anchor1.jpg?psid=1'); overflow: hidden;">
<p class="los" style="width: 360px; height: 360px; border: 2px solid white; border-radius: 50%; background-image: url('https://i0.wp.com/media.giphy.com/media/147DNR1IHA6PFm/giphy.gif'); background-size: cover;"> </p>
</div>
<style type="text/css"><!--
.los {
-webkit-transition:all 2s linear;
-moz-transition:all 2s linear;
-webkit-transform:translate(70px,50px) rotate(0deg);
-moz-transform:translate(70px,50px) rotate(0deg);}
.los:hover {
-webkit-transform:translate(70px,50px) rotate(90deg);
-moz-transform:translate(70px,50px) rotate(90deg);}
--></style>bonsoir gentille rebelle je viens de chez notre ami Gilbert
et il me dit que tu as fais du super travail que je confirme moi je n'ai pas trop de temps avec mon pc et mon disque dure que je ne sais plus ouvrir
mais je cherche je lache rien ! lol
je reviendrais voir tes essais codes trop forte toi lol bonne continuation
je vous tiens au courant de mes avancés avec ce disque dure
a bientot fait de beaux reves a pluche
Vous devez être connecté pour commenter
Voilà Gibert j'ai fait selon mes connaissances lol je voulais remplacer l'opacité par fond texture alors j'ai mis url texture à la place de celui du gif et j'ai mis url gif dans la ligne du "los" mais je peux donc pas faire rotation car l'image aussi se rotate lol
Surement kil ny a une coincidence si tu m'as demandé si je connais background-clip, je suis allée voir dans google et je comprends pas leur css3