CSS3实现漂亮ToolTips效果_技术问答

首页免费课 CSS3实现漂亮ToolTips效果问答

CSS3实现漂亮ToolTips效果

                
                Amy
            
                    查看讲师更多课程 
                    Amy讲师的其他课程
                
css3实现网页平滑过渡效果
初级·54371
免费课程
                                
CSS3实现“图片阴影”效果
初级·34768
免费课程
                                
Tab选项卡切换效果
初级·65466
免费课程
                                
DOM事件探秘
中级·99544
免费课程
                                
瀑布流布局
初级·97756
免费课程
                                
                难度初级
            
                时长 1小时20分
            
                学习人数
            
综合评分9.77
                            120人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.7
                                简洁易懂
                            
                                9.7
                                逻辑清晰

全部评论问答未解决精华

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

最赞回答 / 星雨星辰

因为你们的电脑的分辨度不一样，我的也缩下来了，你设大一点就好了1000px不错哦

3 回答 1376 浏览 1-1 导航条制作

2017-05-11

a_yong

看到老师复制修改第三个图标代码时的错误操作好捉急！！

1 1-6 汽泡特效动画制作（3）

2017-05-01

Mydream_come_true

老师，我已经爱上你了

2017-04-19

镜心书社

其实缩放时候给个中间值看起来效果更好点比如 -webkit-transform:scale3d(0.5,.5,0.5);
transform:scale3d(0.5,0.5,0.5);

1 1-6 汽泡特效动画制作（3）

2017-04-10

慕沐9631450

感谢……………

0 1-6 汽泡特效动画制作（3）

2017-04-05

慕前端5121872

老师的声音好好听

1 1-1 导航条制作

2017-03-30

慕粉0942088155

。。。打空格不用tab，强迫症患者表示难受，哈哈

0 1-1 导航条制作

2017-03-18

为什么设置:after,:before的display为block，content为空？

已采纳回答 / 慕虎7021550

如果需要用到伪类来表现样式的话就有用了，比如需要在背景上增加三角形时，就可以用到伪类，不过在这个例子中display：block可以不写，但是需要知道它默认为行内元素；content:"";必须要写，如果不在公共样式里写，像我这样用到的时候写也可以的。<...图片...><...图片...>

1 回答 3651 浏览 1-1 导航条制作

2017-02-24

我要成为前端大姐大

感谢老师，我一定帮你这效果做着妥妥的，非常感谢。

0 1-1 导航条制作

2017-02-22

qq_漫天飞雪_2

讲的真心不错，详细，谢谢谢老师

0 1-3 汽泡特效(Font Awesome字体库使用)

2017-01-25

qq_星空随想_0

.tooltip-effect-5 .tooltip-content{
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:scale3d(0.01,0.01,1);
transform:scale3d(0.01,0.01,1);
}
0都改为0.01就能缩放了

14 1-6 汽泡特效动画制作（3）

2017-01-16

qq_星空随想_0

.clearfix:before,.clearfix:after{ content: ''; display:block;}
.clearfix:after { clear: both; }

/**:after,*:before{
display:none;
content:"";
}
*:after{clear:both;}*/
前一种写法图标就出来了

0 1-3 汽泡特效(Font Awesome字体库使用)

2017-01-15