Rezultate 1 la 4 din 4

Subiect: Png animat ajutor

  1. #1
    Avatarul lui Seph
    Seph este deconectat Membru SeoPedia
    Reputatie:
    21
    Data înscrierii
    7th June 2006
    Posturi
    327
    Putere Rep
    21


    Implicit Png animat ajutor

    Cum pot sa fac o astfel de imagine sa fie animata. Ca cea de aici, logo-ul unde scrie skiss childhood.

    Skis - Kid Fashion 1.

    Am incercat sa copiez codul cu link-ul de acolo si jqeuery-ul insa nu a mers.

  2. #2
    Avatarul lui Floki
    Floki este deconectat Membru SeoPedia
    Reputatie:
    7
    Data înscrierii
    15th March 2015
    Vârstă
    48
    Posturi
    184
    Putere Rep
    7


    3 out of 3 members found this post helpful.

    Implicit

    de pe site-ul respectiv:
    Cod HTML:
    <style>
    /* ANIMATION EFFECT */
    @-webkit-keyframes rubberBand {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    
        30% {
            -webkit-transform: scaleX(1.25) scaleY(0.75);
            transform: scaleX(1.25) scaleY(0.75);
        }
    
        40% {
            -webkit-transform: scaleX(0.75) scaleY(1.25);
            transform: scaleX(0.75) scaleY(1.25);
        }
    
        60% {
            -webkit-transform: scaleX(1.15) scaleY(0.85);
            transform: scaleX(1.15) scaleY(0.85);
        }
    
        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    
    @keyframes rubberBand {
        0% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    
        30% {
            -webkit-transform: scaleX(1.25) scaleY(0.75);
            -ms-transform: scaleX(1.25) scaleY(0.75);
            transform: scaleX(1.25) scaleY(0.75);
        }
    
        40% {
            -webkit-transform: scaleX(0.75) scaleY(1.25);
            -ms-transform: scaleX(0.75) scaleY(1.25);
            transform: scaleX(0.75) scaleY(1.25);
        }
    
        60% {
            -webkit-transform: scaleX(1.15) scaleY(0.85);
            -ms-transform: scaleX(1.15) scaleY(0.85);
            transform: scaleX(1.15) scaleY(0.85);
        }
    
        100% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    }
    img {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-delay:0.5s;
        -webkit-animation-delay:0.5s;
    }
    </style>
    <img src="http://skis-store3.demo.kulerthemes.com/image/data/banner/logokid.png">

  3. #3
    Avatarul lui Seph
    Seph este deconectat Membru SeoPedia
    Reputatie:
    21
    Data înscrierii
    7th June 2006
    Posturi
    327
    Putere Rep
    21


    Implicit

    A mers, imi scapa mie ceva.

    Am inlocuit si img{ cu img2{, altfel modifica toate imaginile.

  4. #4
    Avatarul lui Floki
    Floki este deconectat Membru SeoPedia
    Reputatie:
    7
    Data înscrierii
    15th March 2015
    Vârstă
    48
    Posturi
    184
    Putere Rep
    7


    Implicit

    Cod HTML:
    <style>
    .my-class {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-delay:0.5s;
        -webkit-animation-delay:0.5s;
    }
    </style>
    <img class="my-class" src="http://skis-store3.demo.kulerthemes.com/image/data/banner/logokid.png">

Informații subiect

Utilizatori care navighează în acest subiect

Momentan este/sunt 1 utilizator(i) care navighează în acest subiect. (0 membrii și 1 vizitatori)

Thread-uri Similare

  1. Ajutor
    De pieseautoshop în forumul Cereri Servicii
    Răspunsuri: 2
    Ultimul Post: 6th May 2016, 00:27
  2. [URGENT] Caut pe cineva care sa ma ajute cu un banner animat flash!
    De Dragos Bunea în forumul Servicii web / Jobs
    Răspunsuri: 0
    Ultimul Post: 9th March 2016, 14:34
  3. Am nevoie de un spot publicitar animat
    De Paul în forumul Servicii web / Jobs
    Răspunsuri: 1
    Ultimul Post: 31st March 2015, 01:56
  4. Like-uri FB - ajutor
    De Rapsodia în forumul Bar, lobby...
    Răspunsuri: 30
    Ultimul Post: 17th February 2014, 16:31
  5. Cine stie cum se numeste desenul animat?
    De me_suzy în forumul Bar, lobby...
    Răspunsuri: 4
    Ultimul Post: 24th January 2010, 16:03

Permisiuni postare

  • Nu puteţi posta subiecte noi.
  • Nu puteţi răspunde la subiecte
  • Nu puteţi adăuga ataşamente
  • Nu puteţi modifica posturile proprii
  •