-
实习上是一种缩写形式: 语法: border-image: 边框图像位置 切割图片的宽度 图片延伸方式; 边框图像位置: url(); 切割图片的宽度: 单位为像素,省略px也可以使用百分比,顺时针规律. 图片延伸方式 3种: 1.round (平铺) 2.repeat (重复) 3.stretch (拉伸)查看全部
-
animation-iteration-count属性主要用来定义动画的播放次数。 animation-iteration-count:5; ================ 1、其值通常为整数，但也可以使用带有小数的数字，其默认值为1，这意味着动画将从开始到结束只播放一次。 2、如果取值为infinite，动画将会无限次的播放。查看全部
-
/*使用伪元素制作导航列表项分隔线*/ .nav li:after{ content:""; position:absolute; right:0px; top:20px; height:15px; width:1px; background:linear-gradient(to bottom,#f82f87,#B0363F,#f82f87); } /*删除第一项和最后一项导航分隔线*/ .nav li:last-child:after{ width:0px; height:0px; }查看全部
-
w3c网址：http://www.w3school.com.cn/cssref/pr_animation-direction.asp 定义和用法： (这节说反了，但也请不要乱批评，可以说基本无碍) animation-direction 属性定义是否应该轮流反向播放动画。 如果 animation-direction 值是 "alternate"，则动画会在奇数次数（1、3、5 等等）正常播放，而在偶数次数（2、4、6 等等）向后播放。 注释：如果把动画设置为只播放一次，则该属性没有效果。查看全部
-
:not前不能有空格!!查看全部
-
transition: all .5s ease-in .2s;这里面all代表什么？ all就是要变换多个属性 然后懒 不想一个个写 所以用all代替后面所以需要变换的属性 不然也可以一个一个写 像a{transition:background .5s ease .2s,border-radius .5s ease .2s;} 或者合起来直接a{all .5s ease .2s;}。查看全部
-
nth-of-type() 是按类型寻找 nth-child 是直接按子元素寻找查看全部
-
3D旋转视频展示区查看全部
-
布局 ---> display: flex; 方向 ---> flex-direction: row(横)||column(竖); 上下 ---> align-items: flex-start||center||flex-end; 左右 ---> justify-content: 同上; 倒序 ---> row-reverse 兼容加-webkit-前缀查看全部
-
动画过渡设定，animation，与@keyframes配合使用查看全部
-
区别，在CSS3中的变形，如rotate(),skew(),scale(),translate()，都可以使用矩阵matrix()函数来代替。 matrix(长度缩放，y轴扭曲，x轴扭曲，宽度缩放，x位移，y位移) Matrix()与translate()关系：translate(x,y)对应Matrix(1,0,0,1,x,y); Matrix()与scale()关系：scale(x,y)对应Matrix(x,0,0,y,0,0); Matrix()与rotate()关系：rotate(x)对应Matrix(cos(x),sin(x),-sin(x),cos(x),0,0) Matrix()与skew()关系：skew(x,y)对应Matrix(1,tan(x),tan(y),1,0,0)查看全部
-
在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。 -webkit chrome和safari -moz firefox -ms IE -o opera查看全部
-
transition-duration属性主要用来设置一个属性过渡到另一个属性所需的时间，也就是从旧属性过渡到新属性花费的时间长度，俗称持续时间。查看全部
-
Responsive布局技巧 通过上面的介绍，大家对响应式设计有了一定的了解，但在实际制作中还是有一些布局技巧的： 在Responsive布局中，可以毫无保留的丢弃： 第一， 尽量少用无关紧要的div； 第二，不要使用内联元素（inline）； 第三，尽量少用JS或flash； 第四，丢弃没用的绝对定位和浮动样式； 第五，摒弃任何冗余结构和不使用100%设置。 有舍才有得，丢弃了一些对Responsive有影响的东东，那么有哪些东东能帮助Responsive确定更好的布局呢？ 第一，使用HTML5 Doctype和相关指南； 第二，重置好你的样式（reset.css）； 第三，一个简单的有语义的核心布局； 第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。 使用这些技巧，无非是为了保持你的HTML简单干净，而且在你的页面布局中的关键部分（元素）不要过分的依赖现代技巧来实现，比如说CSS3特效或者JS脚本。 说了这么多，怎么样的布局或者说HTML结构才是简单干净的呢？这里教大家一个快速测试的方法。你首先禁掉你页面中所有的样式（以及与样式相关的信息），在浏览器中打开，如果你的内容排列有序，方便阅读，那么你的这个结构不会差到哪里去。查看全部
-
功能不太正常，将脚本另存为html文件，在microsoft edge和IE11，以及DW cs6中，动画效果有了，但有其他问题！ 无动画的原因找到了：貌似ms的浏览器不认识带引号的keyframes动画名，如@keyframes ‘rotate’{}，要写成@keyframes rotate查看全部
举报
0/150
提交
取消