Button border animation CSS-sel, JS nélkül

Kis egyszerű. Mert nem kell mindenhez JS. :-)

http://jsfiddle.net/gr8rzjuy/

( uid_4263 v | 2015. 04. 08., sze – 09:19 )

Csak 117 sor CSS? :)

--
arch,debian,openelec,android

Annyi. Ha dobod a proprietary prefixeket, akkor csak 80, egyetlen sor JS nélkül. De bármilyen ennél hatékonyabb megoldásra kíváncsi vagyok, úgyhogy ne tartsd magadban, ha tudsz jobbat. :-)

alias killall='echo "Wenn ist das Nunstück git und Slotermeyer? Ja. Beiherhund das Oder die Flipperwaldt gersput." | espeak -vde' #That's not funny.

( benz | 2015. 04. 08., sze – 10:14 )

Miert kellenek a proprietary prefixes transition sorok? (csak 37-es FFban neztem meg)

( persicsb | 2015. 04. 08., sze – 13:01 )

Ennek a legnagyobb gondja, hogy kell 4 div még a button köré, és igazából nincs is benne button, csak a és div.....legyünk már szemantikusak, ha lehetne.

Az a-t simán cserélheted button-ra, a szemantikus jelentésen túl sok jelentősége nincs, egy ilyen elem éppúgy lehet egy landing page-re vezető anchor is.

A négy div tekintetében igazad van, ki lehetne őket váltani :after és :before használatával. Ráadásul az egészet be lehetne húzni egy Shadow DOM-ba is, úgy lenne az igazi.

A Fiddle csak azért készült, hogy bemutassa a technológiát.

alias killall='echo "Wenn ist das Nunstück git und Slotermeyer? Ja. Beiherhund das Oder die Flipperwaldt gersput." | espeak -vde' #That's not funny.