N种使用 CSS 实现三角形的技巧

N种使用 CSS 实现三角形的技巧

在一些面经中,经常能看到有关 CSS 的题目都会有一道如何使用 CSS 绘制三角形,而经常的回答通常也只有使用 border 进行绘制一种方法。而 CSS 发展到今天,其实有很多有意思的仅仅使用 CSS 就能绘制出来的三角形的方式,本文将具
手把手带你使用CSS创建炫彩三角边框动画

手把手带你使用CSS创建炫彩三角边框动画

最近有个小伙伴问我,在某个网站看到一个使用 SVG 实现的炫彩三角边框动画,问能否使用 CSS 实现:很有意思的一个动画效果,立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画,非常的类似:其核心就是利用
纯CSS制作“破镜重圆”效果

纯CSS制作“破镜重圆”效果

这是使用纯 CSS 制作的“破镜重圆”效果,图片默认情况下是一分为二的,像是从中间裂开了一样,当鼠标移到图片上时,图片会慢慢的合并在一起,形成一个完整的圆形图片,就好像是时裂成两片的镜子从新合并成最初的样子。
一文了解CSS3中的新属性object-view-box

一文了解CSS3中的新属性object-view-box

本篇文章带大家一起深入了解一下CSS3中的新特性object-view-box属性,聊聊新属性的作用和使用方法,希望对大家有所帮助!在开发时,一直希望有一种原生的CSS方式来裁剪图片,并将其定位在我需要的任何方向。这可以通过使用一个额外的H

猜你喜欢