-
1.display:none; 2.position:absolute;left:-99999px; 3.visibility:hidden; 4.opacity:0;查看全部
-
css3 animation动画属性定义查看全部
-
@font-face 语法规则查看全部
-
CSS3 @font-face 是css3中的一个模块,主要是用于将自己定义的WEB字体嵌入到网页中查看全部
-
backface-visibility属性查看全部
-
<meta http-equiv="X-UA-Compatible" content ="IE-edge,chrome=1"> 告诉IE使用最新的渲染模式查看全部
-
transition与animation使用场景: 1. transition适用于需要键盘鼠标事件来触发动画,如输入、点击、滑过、切换 2. animation适用于无须任何事件触发,一进来就能看见动画,如开场动画查看全部
-
CSS3绘制三角 div:after{ content: ''; width: 0; height: 0; overflow: hidden; border: 20px solid transparen; /* 设置三角大小 实际宽为40px */ border-bottom-color: #000; /* 设置向上三角 */ }查看全部
-
1.自适应要求大多数元素都要百分比宽高,最后还可以用@media 定义窗口变小到像素若干的时候样式的改变。 2.需要从父元素开始用height100%。才能一直撑开div高度。 3.*{margin=0;padding=0}去除浏览器顶部空白。 4.@animation可以定义动画 5.+号作为选择器是指紧跟其后的元素,~是寻找后面的兄弟级元素。 6.制造三角形两种方法{content: ""; height: 0; width: 0; border: 20px solid transparent; border-bottom-color: #821334;} {position: absolute; height: 200px; width: 200px; background-color: #FA96B5; -webkit-transform: rotate(45deg); overflow: hidden; backface-visibility: hidden;}盒子正方形旋转45度,把上半部分溢出隐藏。里面可以i标签,用图标文字美化。 7.backface-visibility: hidden;隐藏被旋转的 div 元素的背面 8.这种平滑过渡效果是利用transition的过渡将一副长的盒子滑动,展示窗口可见大小内容。 9.利用radio的单选功能,众多导航栏中单选某一导航栏,然后展示。查看全部
-
脑海里要有一个思想,就是所有的元素都能通过选择器来产生联系。都能相互联系查看全部
-
animation不需要事件触发 transition需要事件触发查看全部
-
@font-face: 自己定义字体查看全部
-
attr(data-icon) 获取属性值查看全部
-
做三角形,可以把正方形转个角度,然后隐藏一般查看全部
-
backface-visibility: 定义当元素被相我们的时候是否可见查看全部
举报
0/150
提交
取消