Направите забавне анимиране радио тастере са радиобок.цсс

Тхе подразумевани ХТМЛ5 радио тастери су прилично досадне. Постоје начини да прилагодите их користећи ЦСС3, али већина техника фокусирајте се само на изглед.

Радиобок.цсс фокусира на изглед и стил додавање прилагођених ЦСС3 анимација на радио улазе.

Ова библиотека је тоталли фрее и отвореног кода, за преузимање на ГитХуб. Са овом ЦСС библиотеком, можете изабрати више од 12 различитих анимација које се односе на радио дугмад.

Без прилагођених ЦСС стилова, они ће и даље изгледају као нормални радио улази. Али када корисник кликне да би одабрао дугме они ће добијате луди ефекат анимације. Можете видети ливе примјери на главној Радиобок страници која приказује сваки стил поред имена.

Можете инсталирати Радиобок равно из нпм или бовер, или чак и локално преузимање датотека на вашу машину. ГитХуб хостује све своје датотеке у ЦДН-у ако желите да се играте без преузимања било чега.

Једина датотека коју требате је радиобок.мин.цсс који би требао ићи у главу документа. Одатле, ви само додајте једноставну класу за сваки радио тастер у зависности од жељене анимације.

Ево једног исјечак кода за “боинг” ефекат:

Ноте тхе “боинг” анимација има своју ЦСС датотеку зове боинг.мин.цсс. Ово мора бити укључен ако планирате да користите тај ефекат на страници.

Када преузмете Радиобок, требали бисте добити демо директоријум са уживо демо за све ове ефекте. Можете једноставно копирајте / налепите код директно на вашу страницу да би радили без муке.

За фулл доцументатион, цхецк оут тхе маин репо заједно са ливе демо сите. Ако желите да контактирате креаторе, можете послати е-поруку са 720кб вебсите или путем Твиттера @ 720кб_.