为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 CSS3实现漂亮ToolTips效果 问答

CSS3实现漂亮ToolTips效果

Amy
查看讲师更多课程 Amy讲师的其他课程
难度初级
时长 1小时20分
学习人数
综合评分9.77
120人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.7 逻辑清晰
全部 评论 问答 未解决 精华
潇湘魅
position:absolute;设置后，自动将display设置为block了
float设置left或right后，也自动将display设置为block了
.svg图片新格式，可缩放，且不模糊，非常清楚
：after和before的
1 1-2 汽泡特效(SVG类型icon使用)
2017-11-19
fengyunzhu
老师firework玩的很溜啊
0 1-4 汽泡特效动画制作（1）
2017-11-08

css有问题啊我照着写，圆和a标签顶部齐高

最新回答 / 慕斯8234454
bottom: 100%;
2 回答 800 浏览 1-2 汽泡特效(SVG类型icon使用)
2017-10-23
黄永泰
其实要恢复成原来状态只要.tooltip:hover .tooltip-content,.tooltip:hover .tooltip-content i{
-webkit-transform:none;
transform:none;
opacity: 1;
}
0 1-5 汽泡特效动画制作（2）
2017-10-15
qq_不二柚子_0
缩放的时候这样设置，效果比较好
-webkit-transform:scale3d(0.2,0.2,0.2);
transform:scale3d(0.2,0.2,0.2);
0 1-6 汽泡特效动画制作（3）
2017-08-14

课程de 问题

最新回答 / superw
感觉这一个课程就把动画讲的差不多了，触类旁通，多看看手册，发挥自己想象力！
1 回答 1149 浏览 1-1 导航条制作
2017-08-12
chaseway
张大神说CSS的z-index最好不要设那么高
2 1-2 汽泡特效(SVG类型icon使用)
2017-07-26
宝慕林1376328
我的小房子没过度
0 1-5 汽泡特效动画制作（2）
2017-07-19
宝慕林1376328
我的小房子没效果
0 1-5 汽泡特效动画制作（2）
2017-07-19
obulks
圈a 还是那么萌
0 1-3 汽泡特效(Font Awesome字体库使用)
2017-06-29
厚土方可载物
完美~~~全部做完
0 1-6 汽泡特效动画制作（3）
2017-05-26
qq_小时光_9
老师讲课很好，拓展的也很详细，棒棒棒，很有用的课程，
0 1-4 汽泡特效动画制作（1）
2017-05-22
qq_津暖_03815493
不是scale3d需要单独写，老师这个第三个效果只有缩放，没有位置的改变，把位置的改变删掉就可以了，或者 直接空格写在一起就行，可以下载老师的源码
0 1-6 汽泡特效动画制作（3）
2017-05-22

:after伪类用不了

最新回答 / mshch
不是的，只是可能你sublime版本还没升级等原因，它还没有把CSS3这个特性加上去，是可以用的。其实这里叫伪元素，不是伪类
1 回答 2602 浏览 1-2 汽泡特效(SVG类型icon使用)
2017-05-14
死亡之翼death
天啊讲的好细心
0 1-3 汽泡特效(Font Awesome字体库使用)
2017-05-11

为什么 我的 nav 设置为800px ， li 的内容就被挤下来了， 老师的却没有，其他代码写的都是一样的啊

最赞回答 / 星雨星辰
因为你们的电脑的分辨度不一样，我的也缩下来了，你设大一点就好了1000px不错哦
3 回答 1376 浏览 1-1 导航条制作
2017-05-11
首页上一页1234567下一页尾页
开始学习
课程须知
本课程适合有HTML及CSS基础的童鞋们。
老师告诉你能学到什么？
1、如何拆解动画交互效果。 2、如何使用:before与:after生成内容。 3、如何使用transition过渡实现动画。

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消