Hai să animăm doar ce trebuie!

Unul dintre lucrurile bune aduse de CSS3 este reprezentat de animații. Din păcate însă, unul dintre cele mai rele lucruri aduse de CSS este reprezentat tot de animații.

Cum se fac animațiile în ?

.foo {
  transition:all 1s ease;
}

O linie simplă, ce ne asigură că toate proprietățile* vor fi animate. Doar că, în majoritatea cazurilor, avem nevoie doar de una-două proprietăți animate.

Acum câțiva ani, elementele textarea au început să permită redimensionarea. Adică se stabilește din cod o dimensiune inițială iar utilizatorul poate redimensiona toată povestea după nevoie. Este foarte util atunci când scrii un comentariu mai lung pe un blog. Nu comentez pe seama faptului că cei ce codează teme de bloguri au facut un obicei în a folosi overflow:hidden peste tot, ci doar că, împreună cu transition:all apar niște efecte cel puțin dubioase:

* Evident, mă refer la proprietățile ce pot fi animate.

Ți-a plăcut articolul? Lasă un comentariu!

You can insert code snippets using BBcode:
[js].[/js] [html].[/html] [php].[/php] [css].[/css]
You can also use some HTML tags:
<blockquote>.</blockquote> <code>.</code> <a href="">.</a> <strong>.</strong> <em>.</em>