css
文章平均质量分 85
cztflove
这个作者很懒,什么都没留下…
展开
-
利用js动态控制animation动画
一般我们写css3 animation动画的时候都是把它们定死在某个值不能改变,其实在js中是有相应的对象可以达到动态控制keyframes关键帧的目的举个例子: 这个表盘效果,客户需要指针每个月根据数值做出动态变化<div class="page page7"> <h4 class="element p7-1">销售费用</h4> <p class="hidden-text原创 2015-09-11 17:39:31 · 54953 阅读 · 3 评论 -
由一个div创造出的loading效果
转载自http://www.webhek.com/misc/css-loaders之前在消渴丸项目做过一个css3圆环效果 一直在思索着有没有更简单的实现方法 今晚看到了这个方法,实在是好,写上来备忘一下.loader { margin: 6em auto; font-size: 10px; position: relative; text-indent: -9999em;转载 2015-11-23 23:38:56 · 1125 阅读 · 0 评论 -
利用data-*动态显示数据(attr()\calc())
在消渴丸项目中有一个效果,客户希望能每月更新柱状图上的数字,我是用了以下方法来解决的:<!--html--><!--curmonth类控制显示哪一个月份的数字 --><div class="p11-1-1 curmonth" data-content="1"></div><div class="p11-1-2" data-content="2"></div><div class="p11-1原创 2015-10-13 18:32:46 · 3220 阅读 · 0 评论 -
css生成斜纹样式
background-color: #c16;background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rg转载 2016-02-01 15:50:41 · 1216 阅读 · 0 评论