[css] 你有用过clip-path吗？说说你对它的理解和它都有哪些运用场景？

clip-path属性可以创建一个只有元素的部分区域可以显示的剪切区域它的值可以为以下几种: 用 表示剪切元素的路径: 一种形状，其大小和位置由<几何盒>值定义。如果没有指定几何框，则边框将用作参考框: 如果同 一起声明，它将为基本形状提供相应的参考框盒。通过自定义，它将利用确定的盒子边缘包括任何形状边角（比如说，被 border-radius 定义的剪切路径）none: 不创建的剪切路径demo<style>* {margin: 0;padding: 0;}.demo {margin: 15px auto;width: 400px;height: 400px;background: #000000;}.clip {/* clip-path: url(#cross); *//* clip-path: circle(40%); */clip-path: view-box;}
</style>
<div class="demo clip"></div>
<svg height="0" width="0"><defs><clipPath id="cross"><rect y="110" x="137" width="90" height="90" /><rect x="0" y="110" width="90" height="90" /><rect x="137" y="0" width="90" height="90" /><rect x="0" y="0" width="90" height="90" /></clipPath></defs>
</svg>

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 你有用过clip-path吗？说说你对它的理解和它都有哪些运用场景？相关推荐

[css] 你有用过哪些css框架？说说它们的特点
[css] 你有用过哪些css框架?说说它们的特点 bootstrap 不够全,所以后来基本都是借鉴思路取长补短自己写的 css 类库或原子类库. animate.css 用起来很爽,主要用于滚动和小 ...
[css] 你有用过CSS预处理器吗？喜欢用哪个？原理是什么？
[css] 你有用过CSS预处理器吗?喜欢用哪个?原理是什么? 它能让你的CSS具备更加简洁.适应性更强.可读性更强.层级关系更加明显.更易于代码的维护等诸多好处. CSS预处理器种类繁多,目前Sas ...
[css] 你有用过table布局吗？说说你的感受
[css] 你有用过table布局吗?说说你的感受用来做列表排版还是很不错的,但是要想用的好,还是要对table有比较多的了解. 比如实现表头固定,表内容超出滚动的效果等个人简介我是歌谣,欢迎和 ...
[css] 你有用过IE css的expression表达式吗？说说你对它的理解和它有什么作用呢？
[css] 你有用过IE css的expression表达式吗?说说你对它的理解和它有什么作用呢? 主要用来解决IE 低版本样式自适应的问题. 比如:height:expression(this.of ...
[css] 你有用过弹性布局吗？说说你对它的理解
[css] 你有用过弹性布局吗?说说你对它的理解按我的经验在样式规律上大致分下类吧,等宽弹性布局单元素弹性布局多元素定比弹性布局等隙布局用 flex 或 grid 能非常轻松的完成以上效果,而 cs ...
[css] 你有用过vw布局吗？和使用rem有什么区别？
[css] 你有用过vw布局吗?和使用rem有什么区别? vw/vh 是屏幕视图的百分比, rem 是根据 html的font-size 来设置的相对值. 个人简介我是歌谣,欢迎和大家一起交流前后端 ...
[css] 你有用过sass中的Mixin功能吗？它有哪些作用？
[css] 你有用过sass中的Mixin功能吗?它有哪些作用? 1.混合用法 2.函数用法1. @mixin ellipsis-one {overflow: hidden;text-overflow ...
[css] 你有用过animation-fill-mode属性吗？它有什么应用场景
[css] 你有用过animation-fill-mode属性吗?它有什么应用场景动画播放完成之后的动作,比如可以定义动画播放完成之后回到初始状态个人简介我是歌谣,欢迎和大家一起交流前后端知识. ...
[css] css中的url()要不要加引号？说说你的理解
[css] css中的url()要不要加引号?说说你的理解可以加,也可以不加.这个跟html标签的属性书写可以加引号也可以不加引号是一样的道理,当然如果属性中含有特殊字符比如空格则需要加空格,否则会 ...

[css] 你有用过clip-path吗？说说你对它的理解和它都有哪些运用场景？

[css] 你有用过clip-path吗？说说你对它的理解和它都有哪些运用场景？

个人简介

主目录

[css] 你有用过clip-path吗？说说你对它的理解和它都有哪些运用场景？相关推荐

最新文章

热门文章