CSS可以做到吗？

CSS可以做的惊人事情列表

1。 箱装饰断

此CSS属性指定在跨多行，每列或多个页面时，如何呈现元素的片段。

2。 ATTR（）

我们可以使用CSS检索CSS中所选元素的值 ATTR（）。对于可访问性目的，此方法可能非常有用。

3。 背面能见度

此CSS属性设置在转向用户时元素的背面是否可见。想一下卡片超越UI？

4。 圆锥梯度

渐变是一件很棒的事情。您可能习惯使用线性渐变来设置背景样式，但是您知道我们可以使用纯css来创建饼图吗？ 圆锥梯度

为了更好地理解如何 圆锥梯度，参考MDN文档

5。 过滤

有CSS过滤器时谁需要photoshop过滤器效果。 ?
滤镜功能将图形更改应用于输入图像的外观。我们可以达到的效果如下 – 模糊， 亮度， 对比， 灰阶， 色相旋转， 不透明度， 倒置， 乌贼， 饱和， 下拉阴影。

下拉阴影 过滤器非常棒。它允许您将阴影应用于输入图像。

6。 混合 - 混合模式

此CSS属性设置元素的内容应如何与元素的背景或其父元素的内容混合。

通过将混合模式和滤镜与图像和文本混合，可以实现惊人的效果。了解有关MDN文档的更多信息。

7。 首字母

书籍和杂志中我最喜欢的东西之一就是漂亮的水滴帽。我们可以创建drop 首字母 伪元素。

8。 形状外

此CSS属性提供了一种自定义盘点复杂对象周围的相邻内联内容的方法，而不是简单的矩形框。

在另一个选项卡中打开示例，尝试更改窗口的宽度，并注意文本如何环绕图像。

9。 写作模式

此CSS属性设置文本行是水平布局还是垂直布局。我们可以拥有这些价值 –

• 水平-TB – 内容从左到右水平流动，从上到下垂直流动。
• 垂直-LR – 内容从左到右水平流动，从上到下垂直流动。
• 垂直-RL – 内容从右向左水平流动，从上到下垂直流动。

查看此示例以查看它的实际效果。

10.向文本添加渐变

这是通过组合实现的 -webkit-background-clip：文本 和 -webkit-text-fill-color：透明 CSS属性。

11.平滑滚动按钮

滚动式卡配型 CSS属性设置如何在滚动容器上应用捕捉点。

此示例显示垂直（ÿ）滚动值 强制性。 MDN文档在解释如何使用其他值时做得很好 接近 和水平滚动（X）。

这些只是CSS可以做的一些好事。可能性无穷无尽 ?