Animacja do rozwijanej części strony

Question

Cześć chciałbym dodać jakąś animację do czegoś takiego na mojej stronie https://codepen.io/anon/pen/xmLQBB. Czy jest to możliwe i jak to można zrobić? Pozdrawiam

Answer 1

Z tego co mi wiadomo, nie da się animować właściwości display. Możesz zamiast tego pobawić się z opacity, jeśli w ogóle o to Ci chodzi, pozdrawiam :>

Comments

https://codepen.io/anon/pen/LMjXKw

---

Można spróbować przy pomocy https://css-tricks.com/snippets/css/keyframe-animation-syntax/

.zdjecie
{
  display: none;
}

.active
{
  display: block;
  animation: an 1s;
  opacity: 1; 
}

@keyframes an {
  0%   { opacity: 0; }
}

Coś w tym stylu...

---

Wszystko super, tylko jest jeszcze jeden problem. Gdy nie widać tego napisu zajmuje on miejsce. Da się usunąć te puste pole, a później po kliknięciu znowu je stworzyć?

---

@ForKing, Dzięki działa :). Jak można dodać taki efekt w drugą stronę?