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

• disy68 aktív tag

  #8518

  #8514 coco2

  2021-04-12 20:46:44

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  disy68

  aktív tag

  #8514 coco2

  #8514 coco2

  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

  #8515

  #8514 coco2

  2021-04-12 18:51:10

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  lanszelot

  addikt

  #8514 coco2

  #8514 coco2

  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