CSS3 新特性

最新推荐文章于 2023-02-13 10:57:11 发布

明天的明_小明

最新推荐文章于 2023-02-13 10:57:11 发布

阅读量350

点赞数

本文链接：https://blog.csdn.net/mingtian_mt/article/details/119722418

版权

1、实现圆角（broder-radius），阴影（box-shadow）

2、对文字加特效（text-shadow），线性渐变（gradient），旋转（transform）

3、transform:rotate(9deg) scale(0.85,0.90) translate(0px,30px) skew(-9deg,0deg)

//旋转、缩放、定位、倾斜

4、增加了更多的CSS选择器

背景reba background-color: rgba(125, 0, 0, 0.5);

5、媒体查询 @media

多列布局 column-count 属性指定了需要分割的列数。

.newspaper {
        column-count: 4;
    }

column-count:4; 让div里内容实现四列布局，p标签里的内容还是一列布局（会自动换行）

<body>

<p><b>注意:</b> Internet Explorer 9及更早 IE 版本浏览器不支持 column-count 属性。</p>

<div class="newspaper">
“当我年轻的时候，我梦想改变这个世界；当我成熟以后，我发现我不能够改变这个世界，我将目光缩短了些，决定只改变我的国家；当我进入暮年以后，我发现我不能够改变我们的国家，我的最后愿望仅仅是改变一下我的家庭，但是，这也不可能。当我现在躺在床上，行将就木时，我突然意识到：如果一开始我仅仅去改变我自己，然后，我可能改变我的家庭；在家人的帮助和鼓励下，我可能为国家做一些事情；然后，谁知道呢?我甚至可能改变这个世界。”
</div>

</body>

6、border-image

将图片规定为包围 div 元素的边框,做出更炫的边框