随笔分类 - CSS3
摘要:最近在工作中需要做一个圆圈倒计时,刚开始的想法是做个纯数字的倒计时即可,可是需求觉得这个不太好看,想加个倒计时进度条。于是就有了接下来的分析过程... 我们知道CSS3可以很方便的画圆,圆环,然后在加上一个旋转动画不就可以实现了吗? 于是先把圆环画出来了 做到这里问题又来了,如何让红色的圆环一点一点
阅读全文
摘要:css3手册 "css3手册" 边框 border radius 用于添加圆角效果 语法: 用长度值设置对象的圆角半径长度。不允许负值 用百分比设置对象的圆角半径长度。不允许负值 实例: 兼容性: IE9+,Firefox4+,Chrome5+,Safari5+,Opera01.5+,iOS Saf
阅读全文
摘要:布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 CSS3中引入flex的弹性盒模型,这是一个可以让你告别浮动、完美实现垂直水平居中的新特性。 尽管目前css3在PC端上的兼容性还不是
阅读全文