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

按钮特效

江老实 Web前端工程师
难度初级
时长 2小时 0分
学习人数
综合评分9.77
113人评价 查看评价
9.9 内容实用
9.8 简洁易懂
9.6 逻辑清晰
这老师在不重要的地方话太多了,这样容易打乱听讲人的思路。。。
a{text-decoration:none;display:inline-block;padding: 6px 8px;margin-left:8px;border-radius:3px 3px 0 0;color:#373737;}
a:hover,.ac { background:#21530c;color:#fff;}

最新回答 / weibo_上辈子可能是只狗_0
$(function(){ $('.link .button').hover(function(){ var title = $(this).attr('data'); $('.tip em').text(title); var pos = $(this).position().left + 10; var dis = ($('.tip').outerWidth() - $(this).outerWidth())/2; var l = pos - dis; $('.tip').stop(); ...
前面听的好好地,后面一脸懵逼,果然js很难
在这里把盒模型搞懂了,谢谢老师
谢谢老师的讲课
回LenGxy,我也发现了,其实老师应该讲为什么没出现,我这里自己看了看,其实是因为span和tip在同一个位置被盖住了,如果这里老师右键审查元素讲解一下会更好,而不是说因为没有调节position。
老师那么萌,我都不好意思吐槽bottom和left了
body美式发音是(badi) 英式是(bodi)

已采纳回答 / 慕粉0856303723
设置一个 span(或其它元素)的CSS为:border:7px solid transparent;border-top-color:red;看起来就是一个向下的箭头了
那个箭头明明是
按钮素材在这个网站上 https://www.iuvo.si 不谢
这里面的动画还是有点小bug的当那个提示框快速移出并移入到另一个button中,提示框的动画就会带来很不好的用户体验
能把那几个图标的图片分享链接不?
animate执行前加一个.stop()停止当前的动画,完善解决!鼠标移除前后都添加这个
课程须知
1、你至少具备photoshop简单基础知识。 2、熟悉html基础知识,尤其对<input>标签、<a>标签、<span>标签和css样式比较了解。 3、有(X)HTML和CSS2基础及对HTML5和CSS3有所了解的童鞋们。
老师告诉你能学到什么?
1、如何制作圆角按钮 2、如何拆解动画效果 3、如何使用transform属性实现旋转 4、如何使用transition属性实现过渡

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消