部分易被忽视的css3属性_html/css_WEB-ITnose
程序员文章站
2022-04-01 23:44:40
...
1、-webkit-tap-highlight-color
移动端页面点击按钮时会发现按钮上会出现一块阴影,设置-webkit-tap-highlight-color:rgba(0,0,0,0);就可以了,将阴影设置成透明就看不见了;
2、-webkit-line-clamp
限制在一个块元素显示的文本的行数,可以配合其他属性设置多行文本溢出省略号的效果
3、-webkit-text-stroke
文字边框,可以配合color:transparent;设置镂空文字的效果
4、-webkit-background-clip
背景裁剪,可实现iphone滑动解锁效果,见 css3实现iphone滑动解锁
推荐阅读
-
一个很实用的css3兼容工具很多属性可以兼容到IE6_html/css_WEB-ITnose
-
CSS3可伸缩框属性,可用于等分显示子元素或按比例显示子元素的大小_html/css_WEB-ITnose
-
一个很实用的css3兼容工具很多属性可以兼容到IE6_html/css_WEB-ITnose
-
CSS3可伸缩框属性,可用于等分显示子元素或按比例显示子元素的大小_html/css_WEB-ITnose
-
css3的transition属性的使用_html/css_WEB-ITnose
-
css3常用的属性_html/css_WEB-ITnose
-
css3常用的属性_html/css_WEB-ITnose
-
关于CSS3的一些冷门属性_html/css_WEB-ITnose
-
CSS3: box-sizing 属性的简单认识_html/css_WEB-ITnose
-
CSS3 Flex布局 Flexbox的属性详解_html/css_WEB-ITnose