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

• #10202 trisztan94 őstag

  Új Válasz 2013-11-07 19:21:01 #10202

  Ú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

  Privát üzenet küldése

  

  trisztan94

  őstag

  Hellobello

  Egy érdekes dologra lettem figyelmes.

  Van egy Bootstrapos class: img-thumbnail. Annyit csinál, hogy berak egy cép kis fehér keretkét egy kép köré, semmi ördöngősség.

  Ennyi a css kaud:

  .thumbnail,
  .img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  }

  Ezzel ilyen formában nem működik a jQuery animálás. (element.fadeOut()) JS fallback animációkat csináltam olyan képekre, ahol használva van ez a class, de nem működött. El sem kezdődött a fadeOut, csak eltűnt a kép 400 ms után (ami a fadeOut default értéke ugye). Nagyon sokat törtem a fejem, hogy mi a fsz baja lehet, mire megpróbáltam azt, hogy kiszedem a .img-thumbnail class-ből a transition-öket.

  Kiszedtem a következő 2 sort...

  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

  ... és láss csodát hibátlanul meg a fadeOut.

  Ezt mi okozza? Nem mintha nagyon kellene oda az a transition, de kíváncsi vagyok

  https://heureka-kreativ.hu

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