资讯专栏INFORMATION COLUMN

css3 新特性

whinc / 2737人阅读

摘要:在中,对于文本我们可以设置锐利犀利浑厚平滑,在中也新增了这个类型的特性,就是属性。用于小像素的文本浏览器默认的反锯齿也有兼容问题,需要带不同内核是新增的属性,指当元素不面向屏幕时是否可见。背面是不可见的。

font-smoothing

在photoshop中,对于文本我们可以设置锐利、犀利、浑厚、平滑,在css3中也新增了这个类型的特性,就是font-smoothing属性。
font-smoothing:subpixel-antialiased | none | antialiased

none——用于小像素的文本

subpixel-antialiased——浏览器默认的

antialiased——反锯齿

font-smoothing也有兼容问题,需要带不同内核:

-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
backface-visibility

backface-visibility是css3新增的属性,指当元素不面向屏幕时是否可见。
backface-visibility:visible | hidden;

visible——背面是可见的。

hidden——背面是不可见的。

backface-visibility:hidden;也有兼容性问题,需要带不同内核。

-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/113910.html

相关文章

  • 一张图搞定CSS3全部特性【king】

    摘要:最近这张图火了,让我火遍了大江南北,震惊了整个圈一张思维导图搞定全部新特性图片太大,切片上传原图下载地址配套实战视频地址由老师历时一个月,精心收集与整理的全部新特性的素材,包括国外资源辅助工具项目素材实战案例就不一一列举了,好不好看了就知道 最近这张图火了,让我火遍了大江南北,震惊了整个CSS圈 一张思维导图搞定CSS3全部新特性(图片太大,切片上传) 原图下载地址 配套CSS3实战视...

    h9911 评论0 收藏0
  • 一张图搞定CSS3全部特性【king】

    摘要:最近这张图火了,让我火遍了大江南北,震惊了整个圈一张思维导图搞定全部新特性图片太大,切片上传原图下载地址配套实战视频地址由老师历时一个月,精心收集与整理的全部新特性的素材,包括国外资源辅助工具项目素材实战案例就不一一列举了,好不好看了就知道 最近这张图火了,让我火遍了大江南北,震惊了整个CSS圈 一张思维导图搞定CSS3全部新特性(图片太大,切片上传) 原图下载地址 配套CSS3实战视...

    ssshooter 评论0 收藏0
  • 前端面试之CSS3特性

    摘要:和这三个特性是新增的和动画相关的特性。使用方式如下和变换类型可以有各种变换类型,即属性值定义不进行转换。设置列之间的宽度样式和颜色规则和和用户界面中,新的用户界面特性包括重设元素尺寸盒尺寸以及轮廓等。 除了html5的新特性,CSS3的新特性也是面试中经常被问到的。 选择器 CSS3中新添加了很多选择器,解决了很多之前需要用javascript才能解决的布局问题。 element1~...

    glumes 评论0 收藏0
  • 个人总结(css3特性

    摘要:要实现这一点,必须规定两项内容指定要添加效果的属性指定效果的持续时间。当动画完成后,保持最后一个属性值在最后一个关键帧中定义。在所指定的一段时间内,在动画显示之前,应用开始属性值在第一个关键帧中定义。 1.前言 css3这个相信大家不陌生了,是个非常有趣,神奇的东西!有了css3,js都可以少写很多!我之前也写过关于css3的文章,也封装过css3的一些小动画。个人觉得css3不难,但...

    马永翠 评论0 收藏0

发表评论

0条评论

whinc

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<