- 博客(3)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 CSS波浪动画进度圆
文档目录DOMSCSS移动APP里有个套餐余量的页面，设计师通常喜欢把剩余套餐或流量的进度做成一个圆的形状，里面再加上波浪。纳尼？还要波浪？????~来来来，给你波浪。。。就是这样子的：话说，写文章真的很费神，此篇不详细分析实现细节，主要思路全部在后面的SCSS注释信息里。DOM创建页面结构：<ul class="wave-progress"> <li class=...
2019-09-24 17:43:57
1138
6
原创 CSS导航交错过渡动态效果
文档目录DOM编译后的 CSS今天跟大家一起，使用 css3 transform 的几个简单属性，来简单实现一个交错过渡动效的导航菜单。效果如下：DOM我们以最最最~古老的企业站点导航为栗子，创建一个页面结构：<ul class="nav-hover"> <li> <a href="#nogo">首页 <span>Home<...
2019-08-20 14:46:59
739
原创 纯样式实现完美Radio单选框
DOM 结构今天将带领大家使用纯样式来实现一个支持 tab 键切换的单选框。主要会用到 ::before 和 ::after 伪元素、CSS 属性选择器、相邻兄弟选择器、CSS3 transform 等，样式会用 SCSS ，因为它更直观、易于阅读。DOM 结构你有多久没出去浪了？创建一个关于出去浪的单选按钮组吧：<h2>你想去哪里浪？</h2><d...
2019-08-17 00:01:39
12994
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人