本文目录一览：
- 1、想用js修改css3的关键帧属性，但是不知道怎么写代码，代码如下。
- 2、原生JS设置CSS3样式时，怎么添加兼容性前缀（
- 3、用JS修改或创建CSS3 animation @keyframes关键帧属性
- 4、JS 怎么动态设置CSS3动画的样式
想用js修改css3的关键帧属性，但是不知道怎么写代码，代码如下。
不知道是为了什么效果呢？keyframe本来就已经是关键帧了，如果想设置在某个位置显示某个角度，可以设置10%、20%等帧位，楼主想用js控制它的旋转角度不是和CSS3的动画相冲突吗？
原生JS设置CSS3样式时，怎么添加兼容性前缀（
可以使用 setProperty
element.style.setProperty( ‘-webkit-transition’, ‘left 5s linear’ );
也可以
element.style.webkitTransform = ”
用JS修改或创建CSS3 animation @keyframes关键帧属性
CSS3动画以百分比表示关健帧，你可以随意从0％－100％自己定义每个关健帧的动作。0％就是开始，100％就是结束。
@-webkit-keyframes anime {
0%{把样式写这里}
50%{把样式写这里}
100%{把样式写这里}
}
JS 怎么动态设置CSS3动画的样式
像这种效果，你要想知道，
已经下载下来，你拆开看一下就知道了。
说说原理，这里并不是纯css3，，只是用css3定义好动画，
@-moz-keyframes tips {
0% {box-shadow: 0px 0px 0px #f00;}
25% {box-shadow: 0px 0px 8px #f00;}
50% {box-shadow: 0px 0px 0px #f00;}
100% {box-shadow: 0px 0px 8px #f00;}
}
然后，js在切屏后，用Js来触发这一个样式，这个样式调用了刚才定义的动画。
.tips {
-webkit-animation:tips 1s;
-moz-animation:tips 1s ;
}
当然css3是可以做的，只是用纯css3，就没办法像这样可以拖动切屏，这个是需要js或者jq来完成。。。
~如果你认可我的回答，请及时点击【采纳为满意回答】按钮
~~手机提问的朋友在客户端右上角评价点【满意】即可。
~你的采纳是我前进的动力
~~O(∩_∩)O，记得好评和采纳，互相帮助，谢谢。
原创文章，作者：HFTI，如若转载，请注明出处：https://www.506064.com/n/139662.html
微信扫一扫 
支付宝扫一扫 