效果
效果图如下,纯css实现超酷炫的星级评分动画效果
实现思路 5个类型为radio的input,label标签修改样式背景图为星星
label标签给每个星星鼠标停留时加注名字
点击星星有放大旋转的动画
dom结构
用form实现
css样式
css按步骤来实现,
1、星星图片样式
首先是星星图片嘛~
.star{ display: block; position: relative;
效果
效果图如下,纯css实现超酷炫的星级评分动画效果
实现思路 5个类型为radio的input,label标签修改样式背景图为星星
label标签给每个星星鼠标停留时加注名字
点击星星有放大旋转的动画
dom结构
用form实现
css样式
css按步骤来实现,
1、星星图片样式
首先是星星图片嘛~
.star{ display: block; position: relative;