• Test chez Mon Ami Gilbert

     

     

     

     


  • Commentaires

    1
    Mardi 8 Juillet 2014 à 17:03

    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

    2
    Mardi 8 Juillet 2014 à 17:20

    Tests réussis avec ces textures et opacité réduite!!  bis♥

    3
    Mardi 8 Juillet 2014 à 19:37

    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

    4
    Mardi 8 Juillet 2014 à 20:53

    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

    5
    Mardi 8 Juillet 2014 à 21:43

    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;">&nbsp;</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>

    6
    Mardi 8 Juillet 2014 à 22:20

    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