• 当前频道:CSS3

CSS3 Grid布局

介绍 CSS Grid可轻松构建复杂的Web设计。它的工作原理是将HTML元素转换为具有行和列的网格容器,以便将子元素放置在网格中所需的位置。 通过将元素的父级设置display: grid;转化为网格布局。 <div class="grid-wrap"> <div class="grid-item"

2018-10-25 23:53:28 1561 10 32
阅读详情

CSS3 CSS3 新增文本属性

text-overflow 定义文本溢出时所做的事,结合white-space、overflow属性一同使用,分别有3个值:    clip:超出时裁剪文本    ellipsis:超出时显示省略号    inherit: 各浏览器兼容图 word-break

2016-12-25 01:54:52 4752 21 40
阅读详情

CSS3 CSS3 text-shadow属性

text-shadow复合属性 css3新增文本属性,给文本做修饰的,属性的值可跟多组,用逗号隔开。 语法:text-shadow: h-shadow v-shadow blur color。   h-shadow:水平方向偏移;   v-shadow:垂直方向偏移; &nbsp

2016-12-16 00:23:02 2413 2 29
阅读详情

CSS3 css3 animation动画属性

animation复合属性 animation-name: 规定动画名称; animation-duration: 动画执行完成所需时间,单位s; animation-timing-function: 动画运动曲线,默认为ease; animation-delay: 规定是否延迟执行,默认为0; animation-i

2016-11-20 23:38:14 2719 2 22
阅读详情

CSS3 css3 过渡transition属性

transition是css3新增属性,可不用JavaScript、jQuery、flash等实现一些动画,以下为个人笔记: transition:简写属性,一共4个值;   transition-property:css属性名,width、height...;   transi

2016-11-03 21:58:30 2072 0 18
阅读详情

CSS3 让盒子在网页中居中的方法

让已知宽度和高度的盒子居中的两种方法,通过绝对定位实现,会跟着浏览器窗口的缩放不断调整位置,一直居中 方法一:通过绝对定位,定位时上边距与左边距都给50%,在利用margin减去当前盒子的一半宽度与高度 .box{ position: absolute; top: 50%; left: 50%; width: 100p

2016-05-10 11:14:32 2930 2 20
阅读详情

CSS3 css选择器

选择器 示例 示例说明 CSS .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素 2 element p 选择所有<p>元素 1 element,element div,p 选择所有&

2016-05-03 23:49:42 1520 1 8
阅读详情

CSS3 css3 box-reflect属性

取值: direction: above:倒影想上方; below:倒影在下方; left:倒影在左边; right:倒影在右边。 offset: 可用单位:px  百分比 mask-box-image: none:无遮罩图像 url:使用绝对或相对地址指定遮罩图像; linear-gradient:使用线性渐变创建遮

2016-04-29 00:40:04 1510 2 2
阅读详情
  • 1
  • 2
前往