码迷,mamicode.com
首页 >  
搜索关键字:css3的 transform属性    ( 1668个结果
requestAnimationFrame,Web中写动画的另一种选择
HTML5/CSS3时代,我们要在web里做动画选择其实已经很多了: 你可以用CSS3的animattion+keyframes; 你也可以用css3的transition; 你还可以用通过在canvas上作图来实现动画,也可以借助jQuery动画相关的API方便地实现; 当然最原始的你还可以使用w ...
分类:Web程序   时间:2018-07-02 17:45:22    阅读次数:207
CSS3的 transition 属性
CSS3的 transition 属性用于状态过度效果! 1、语法: 上以语法兼容各浏览器。 2、transition含有四个部份设置,各部份设置如下: a) property :规定设置过渡效果的 CSS 属性的名称,可选值如下: 比如: transition: width 3s; 只让宽度产生动 ...
分类:Web程序   时间:2018-06-29 14:14:56    阅读次数:680
box-shadow
box-shadow是css3的一个新属性,用来实现阴影效果,阴影分为内阴影和外阴影两个效果,通过逗号添加多个阴影效果 box-shadow:inset offset-x offset-y blur-radius spread-radius color , ......; 1. inset 有ins ...
分类:其他好文   时间:2018-06-28 19:28:28    阅读次数:156
使用CSS transform属性的skewX、skewY沿X、Y轴倾斜元素
1.使用transform属性,沿着X轴将id为top的元素倾斜24度。 2.使用transform属性,沿着Y轴将id为bottom的元素倾斜24度。 ...
分类:Web程序   时间:2018-06-28 10:18:40    阅读次数:245
十一、CSS3的其他重要样式和属性
一、颜色相关样式 1、利用alpha通道来设定颜色 2、alpha通道与opacity属性的区别 3、指定颜色值为transparent(完全透明) 二、用户界面的相关样式 1、轮廓相关样式 css2中的outline属性,用来在元素的周围绘制一条轮廓线,可以起到突出元素的作用。 css3中的out ...
分类:Web程序   时间:2018-06-24 14:11:07    阅读次数:257
web前端—css面试题
1、CSS 选择符有哪些? 2、CSS 优先级的选择过程? 优先级复合就近原则,同权重的情况下有限选择最近的属性。 载入样式的话是以最后载入的定位为准。 优先级: !important > id > class > tag(important要优先于内联样式) 3、阐述一下CSS3的新增伪类。 4、 ...
分类:Web程序   时间:2018-06-13 15:22:18    阅读次数:219
关于html5和css3的一些常见面试题
CSS3有哪些新特性? 1. CSS3实现圆角(border-radius),阴影(box-shadow), 2. 对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform) 3. transform:rotate(9deg) scale(0.85,0.90) ...
分类:Web程序   时间:2018-06-12 13:36:39    阅读次数:201
解决移动端iPhone设备点击时出现半透明的灰色背景
问题:在iPhone设备上点击时会出现一个半透明的灰色背景。 解决办法: -webkit-tap-highlight-color 是 css3 的新属性,这个属性只用于 IOS(iPhone和iPad)。当你点击一个链接或通过 Javascript 定义的可点击元素的时候,它就会出现一个半透明的灰色 ...
分类:移动开发   时间:2018-06-01 15:33:04    阅读次数:257
三列板块 js效果
哎!突然发现天天更新意外的好难啊! 这回作的是三列的板块效果,由于不会描述,所以看图片吧! 至于内容,就别太在意了,毕竟是看着这个效果作的. 而效果则是鼠标悬浮,图片放大,利用transform: scale(1.2); 在通过css3的过渡,transition: transform 1s; 以及 ...
分类:Web程序   时间:2018-05-30 10:58:23    阅读次数:178
CSS3 2D 转换
一、CSS3 2D有两个属性: (1) 、transform:用于2D或3D转换的元素。 (2) 、transform-origin:允许更改转化元素位置。 二、CSS3 2D的transform属性有5大方法: 1、rotate(angle)旋转方法:定义 2D 旋转,方法中的参数规定了是角度(d ...
分类:Web程序   时间:2018-05-28 15:04:21    阅读次数:270
1668条   上一页 1 ... 22 23 24 25 26 ... 167 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!