css3实现网页平滑过渡效果_技术问答

首页免费课 css3实现网页平滑过渡效果问答

css3实现网页平滑过渡效果

                
                Amy
            
                    查看讲师更多课程 
                    Amy讲师的其他课程
                
CSS3实现漂亮ToolTips效果
初级·42721
免费课程
                                
CSS3实现“图片阴影”效果
初级·34767
免费课程
                                
Tab选项卡切换效果
初级·65469
免费课程
                                
DOM事件探秘
中级·99545
免费课程
                                
瀑布流布局
初级·97759
免费课程
                                
                难度初级
            
                时长 2小时 5分
            
                学习人数
            
综合评分9.80
                            166人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.8
                                简洁易懂
                            
                                9.8
                                逻辑清晰

全部评论问答未解决精华

迂鱼雨玉

关于margin：-100px 0 0 -100px的问题：为什么margin左边不是设成0 而是-100px呢？
这是因为[data-icon]:after设置了absolute，也是就使说它是根据它的父元素.st-desc来定位，又因为设置了top:50%和left:50%，所以要让这个元素居中必须让这个元素margin-left:-这个元素宽度的一半(也就是-100px)。你看不明白是因为.st-desc顺时针转了45度，你把它的旋转属性去掉再看一下就明白了，或者你不用去掉旋转属性，然后自己调一下top和left也能看出它是怎么相对父元素定位的。

0 2-5 导航页背影动画制作（@font-face实现小icon）

2017-03-28