Hi world ! Hi M E B A L !

一只野生的前端新手正在尝试收集和积累一些自认为有趣的代码 _(:з」∠)_

Checkbox

各种样式的checkbox,待丰富...

实例:开关(Switch checkbox)

点击左右切换开关状态(style仅用来示例调节大小,开关大小根据 div.switch-checkbox 的字体自动变化,下同)


Button - RUS?:

鼠标hover样式变更

SUBMIT

动态图标

各种样式的动态图标,待丰富...

实例:加载图标-汉堡型(Loading hamb)

左右图标实现方式不同(后一个样式略有BUG,待修正,暂时没想到完美的办法...欢迎指正)


字体效果

各种样式的字体效果,待丰富...

实例:字体翻折(Font fold)

鼠标悬浮时字体翻折起来

M E B A L

立体效果(3D)

各种立体效果,待丰富...

实例:立方体(Cube)

鼠标悬停时大立方体旋转(此demo仅作参考,具体实现请参考代码)

CUBE1
CUBE

圆环

呼吸的圆环


圆环 - 万花筒:

鼠标hover样式变更

CLEAR ?