为了账号安全,请及时绑定邮箱和手机立即绑定

带你走入前端动画的世界

如风般魅影 Web前端工程师
难度入门
时长 2小时13分
学习人数
综合评分9.83
22人评价 查看评价
9.6 内容实用
9.9 简洁易懂
10.0 逻辑清晰
评论一评论一
内容很详细
显示不了轮播效果,代码报错的原因在insertrule那里。。
额,太多英文单词念错了……

最新回答 / 慕雪芸茗
首先jq已经接近淘汰了,只有页面渲染还是由后端完成的一些项目还在使用,现在前端的发展已经忽略了jq的存在了,不得不说jq曾经的时代也是相当的辉煌,但老了,就得承让那些新星之秀了。其次jq还是用的原始的操作dom方法,只是相比浏览器dom api简化了一些,但依旧改变不了开发者需要把一部分精力投入到操作dom上的事实。现代化的框架(Vue、Angular、React),只关注业务数据即可,而视图dom的操作交给框架帮你管理吧,如此实惠省心的框架,怎能不火?怎能不成为现代化前端开发的标准呢?何况jQuery不...
同学们可以这样写,给box:hover就行
.box {
width: 100px;
height: 100px;
background-color: black;
transition:width 2s linear 1s ;
}
.box:hover{
width: 500px;

}

已采纳回答 / qq_沁夏_0
:before是伪类,每个元素都可以有伪类:before和:after&:before这是scss的写法,对应的css写法是 .class:bofore
逻辑清晰,感谢讲师分享!

最新回答 / x偏爱_南半球o
insertRule 规则无法注入的 我试了你的方法没有实现我是这样解决的:var style = document.styleSheets[0];style.insertRule(`@keyframes run {100%{transform:translateX(-${contentWidth}px);}} `)把这个删了,在marquee.css里面把动画帧加上就得了:@keyframes run {    100%{        transform:translateX(-2400px);   ...
逻辑清晰,跟着敲一遍获益良多

最新回答 / 慕村2975968
倒数第五行是:'transition':`transform ${transitionTime}s ease`,
课程须知
1、有HTML、CSS、JavaScript、jQuery基础 2、缺少完整项目开发经验,为找工作增加经验
老师告诉你能学到什么?
(1)学会CSS3动画基础 (2)掌握时间函数的应用 (3)学会结合js开发优美的过渡效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消