Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性。 Chrome 和 Safari 需要前缀 -webkit-。 Internet Explorer 9,以及更早的版本,不支持 @keyframe 规则或 ani
转载 2017-12-20 01:33:00
71阅读
2评论
Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性。 Chrome 和 Safari 需要前缀 -webkit-。 Internet Explorer 9,以及更早的版本,不支持 @keyframe 规则或 ani ...
转载 2021-07-27 16:36:00
479阅读
2评论
例子:何问起效果查看效果:://hovertree.com/hvtart/bjae/q3etb2qv.htm设置 div 元素的不透明级别:div{opacity:0.5;}opacity 属性设置元素的不透明级别。默认值: 1继承性: no版本: CSS3JavaScript 语法: ob...
转载 2015-12-04 22:50:00
165阅读
2评论
在线演示 本地下载
转载 2018-12-03 20:31:00
172阅读
2评论
CSS3:透明
CSS
原创 2021-07-14 09:14:53
535阅读
-webkit-transition:CSS属性(none|all|属性)  持续时间  时间函数  延迟时间CSS属性(transition-property):要变化的属性,比如元素变宽则是width,文字颜色要变色这是color;​​W3C给出了一个可变换属性的列表​​​:除了以上属性外,还有​​CSS3​​​中大放异彩的css3​​变形​​,比如放大缩小,旋转斜切,渐变等。该取值还有个强大
转载 2022-01-14 11:18:49
488阅读
在需要使用透明度渐变的div中添加linear类即可<div class="linear" style="widht:500px;height:500px"></div>.linear { bac
原创 2022-06-29 20:41:59
3340阅读
webkit-box1、之前要实现横列的web布局,通常就是float或者display:inline-block; 但是都不能做到真正的流体布
原创 2023-05-19 14:27:57
476阅读
实现思路:图片作为背景,drop-shadow阴影形成新的元素,再用left把整体偏移回去,最后用overflow:hidden把原图片隐藏注:当放在其他绝对定位的元素上面时注意z-index的处理。.iconXXX{ overflow:hidden; display: inline-block; position: relative; height:20px; ..
原创 2023-05-17 11:35:38
210阅读
概述:-webkit-tap-highlight-color 是一个 不规范的属性(unsupported WebKit property),它没有出现
转载 2022-06-01 15:12:59
1415阅读
在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明。而IE6/7/8浏览器不支持rgba,只有使用IE的专属滤镜filter:Alpha来实现,但是这样写法会把文字也变为透明,因此只有在透明容器的子节点(文本节点除外...
原创 2022-05-31 15:10:30
497阅读
CSS3实现背景颜色渐变 摘抄一. Webkit浏览器      (1) 第一种写法:            background:-webkit-gradient(linear 
转载 精选 2014-12-12 15:30:22
536阅读
项目其中用到的滚动栏样式,在别人的基础上调成适合自己的样式。(IE能够调试滚动栏样式,firefox眼下不能调试) ::-webkit-scrollbar { width: 14px; }/* Track & scroll thickness */ ::-webkit-scrollbar-track
转载 2018-04-20 18:03:00
59阅读
2评论
不得不爱过渡(CSS3)案例过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画: 是从一个状态 渐渐的过渡到另外一个状态帧动画:通过一帧一帧的画面按照固定顺序和速度播放。
原创 2020-07-15 10:21:01
2070阅读
-moz代表firefox浏览器私有属性-ms代表IE浏览器私有属性-webkit代表chrome、safari私有属性
转载 精选 2014-11-20 19:20:29
399阅读
CSS3过渡效果(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创 2022-10-20 10:05:50
2042阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型,即可指定为content-box、border-box,这样我们计算盒子大小的方式就发生了改变。可以分成两种情况:1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值,
原创 2020-07-15 09:25:54
722阅读
background-image:linear-gradient(black 90%, transparent 100%); ...
转载 2021-08-19 14:26:00
1964阅读
2评论
CSS3动画序列(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创 2022-10-20 10:05:58
5063阅读
CSS基础《图解CSSCSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创 2022-09-01 15:35:28
184阅读
  • 1
  • 2
  • 3
  • 4
  • 5