
css3
adve
这个作者很懒,什么都没留下…
展开
-
CSS3——动画
animationandroid设备必须加webkit前缀才能实现动画效果animation-nameanimation-name:检索或设置对象所应用的动画名称,必须与规则@keyframes配合使用,因为动画名称由@keyframes定义,如果提供多个属性值,以逗号进行分隔。语法:animation-name: keyframename | none;1.keyframen...原创 2019-06-11 15:39:32 · 283 阅读 · 0 评论 -
CSS3——过渡
CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值,网页加载不能触发过渡效果。transition-propertytransition-property:检索或设置对象中参与过渡的属性。 语法 transition-property:none | all |p...原创 2019-06-11 15:41:14 · 411 阅读 · 0 评论 -
CSS3——转换
转换rotate语法:-webkit-transform:rotate(<angle>);角度为正,顺时针转动转换translate语法:transform:translateX(<x-value>) translateX(x)仅水平方向移动,属于2D移动;translateY(Y)仅垂直方向移动,属于2D移动,transform:translate(<x...原创 2019-06-11 15:42:04 · 360 阅读 · 0 评论 -
CSS3——文本与字体
CSS3文本text-shadow属性应用于阴影文本语法text-shadow:h-shadow(水平阴影)v-shadow(垂直阴影) blur(阴影)color;blur属性值不能为负text-outline属性,规定文本轮廓语法:text-outline:thickness blur color; 目前任何主流浏览器都不支持该属性word-break属性规定...原创 2019-05-30 11:06:33 · 444 阅读 · 0 评论 -
CSS3——边框与圆角
CSS3 圆角border-radius属性一个最多可指定四个border-radius属性的复合属性,这个属性允许为元素添加圆角边框。语法:border-radius:1-4 length / %四个值:第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角三个值:第一个值为左上角,第二个值为右上角和左下角,第三个值为右下角两个值:第一个值为左上角和右下角...原创 2019-05-28 16:26:11 · 186 阅读 · 0 评论 -
CSS3——选择器
新增基本选择器子元素选择器、相邻兄弟元素选择器、通用兄弟选择器、群组选择器基本选择器新增的四种选择器1、子元素选择器(直接后代选择器)概念:子元素选择器只能选择某元素的子元素语法格式:父元素 > 子元素2、相邻兄弟元素选择器概念:相邻兄弟选择器可以选择紧接在另一元素后的元素,而且他们具有一个相同的父元素语法格式:元素+兄弟相邻元素(Eelement+Sibli...原创 2019-05-28 16:26:05 · 321 阅读 · 0 评论