radio表单美化以及动画效果

2018-05-10 14:07:36 来源：radio表单美化以及动画效果分类：CSS 阅读(1070) 评论(0) 作者：全栈工程师

切换开关我们见多了，今天分享一个以单选为主的动画类样式库：Radiobox.css，作用就是为单项选择添加动画效果，这样能为枯燥的页面增加一点气氛。

radiobox-css-animations

项目名称：Radiobox.css
项目地址：https://720kb.github.io/radiobox.css/

这个样式库的动画是使用 Css3 实现，效果看起来还挺有趣的，有弹起来，有转来转去，有变形等等，可以根据需要选择对应的样式。

radiobox-css

radiobox-css2

使用相当简单，首先在<head>截入这个 CSS 样式文件，其它为 radiobox 加入相应动画的 class 即可。

<input< b="">type="radio" class="radiobox-boing"/>

一共有12款动画样式，可根据自己喜好，选择随意选择。样式有：

Boing
Pump
Hooray
Ufo
Scatman
Vertigo
Flash
Return
Boom
Wheel
Focus
Tremolo

这些动画是不是挺好玩的？下次做表单时，可以试试这个动画样式库，为页面增加些小动画吧^^

本文出处：来自互联网信息共享，请勿相信收费信息站长资源 » radio表单美化以及动画效果