Hirdetés

Keresés

Új hozzászólás Aktív témák

  • disy68
    aktív tag

    Animációhoz szeretnék segítséget / tanácsot kérni.

    Van egy div, és van kettő kép (image erőforrás memóriaváltozóban). Egyszerre csak az egyik fér bele. Animációval cserélném őket (tipikusan gombnyomás, pld). A problémám az animációs folyamat kivitelezésével van.

    Tudok olyat csinálni, hogy z-index-en egymás fölé pakolom őket, és javascript időzítőn opacity átprogramozásával cserélem le a képet (a látványt). Aki látott már ilyet a gyakorlatban, valami tippet had kérjek, esztétikailag mennyire megszokható / elfogadható? Esetleg idegesítő vagy olyasmi?

    Kotorásztam képet div-ből ki/becsúsztatós példák után, de nem sikerült egyszerű példát lelnem, ami tisztán mutatja a húst a levesben és nem framework-öket hajigál egymásra számolatlanul. Ha valaki tud normális tan-példáról, egy linknek örülnék. A csúsztatós példáknak van annyi előnyük, hogy a mobil világ már bevezette, a világ hozzászokott. Hogy esetleg a jelen gyakorlat elavultnak tekinti-e, arról nem vagyok képben. Tanácsnak örülnék.

    A tippeket előre is köszönöm.

    Szerintem nincs gond az elképzeléssel. Pl. ki-be csúszkálás az elhelyezéshez képest jól festő irányba (föl/le/sarokba) a translate(x, y) css funlció segítségével plusz opacity. Itt egy egyszerű minta. Itt a képre kattintva megy a váltás, de persze lehet időzítve is.

  • lanszelot
    addikt

    Animációhoz szeretnék segítséget / tanácsot kérni.

    Van egy div, és van kettő kép (image erőforrás memóriaváltozóban). Egyszerre csak az egyik fér bele. Animációval cserélném őket (tipikusan gombnyomás, pld). A problémám az animációs folyamat kivitelezésével van.

    Tudok olyat csinálni, hogy z-index-en egymás fölé pakolom őket, és javascript időzítőn opacity átprogramozásával cserélem le a képet (a látványt). Aki látott már ilyet a gyakorlatban, valami tippet had kérjek, esztétikailag mennyire megszokható / elfogadható? Esetleg idegesítő vagy olyasmi?

    Kotorásztam képet div-ből ki/becsúsztatós példák után, de nem sikerült egyszerű példát lelnem, ami tisztán mutatja a húst a levesben és nem framework-öket hajigál egymásra számolatlanul. Ha valaki tud normális tan-példáról, egy linknek örülnék. A csúsztatós példáknak van annyi előnyük, hogy a mobil világ már bevezette, a világ hozzászokott. Hogy esetleg a jelen gyakorlat elavultnak tekinti-e, arról nem vagyok képben. Tanácsnak örülnék.

    A tippeket előre is köszönöm.

    Hello,

    Simán gombnyomásra cseréled, css fade efektet ráhúzod
    /* Fading animation */.fade {  -webkit-animation-name: fade;  -webkit-animation-duration: 2.5s;  animation-name: fade;  animation-duration: 2.5s;}
    @-webkit-keyframes fade {  from {    opacity: 0.2;  }  to {    opacity: 1;  }}
    @keyframes fade {  from {    opacity: 0.2;  }  to {    opacity: 1;  }}

    A tördelést elrontja a forum, bocsi érte Ja, html-ben természetesen egy osztályt /.fade/ hozzá kell adni, vagy id-t , de akkor modosítsd /#fade/

Új hozzászólás Aktív témák