圆角 - web秀

#圆角#

共找到圆角相关内容 6 条

举例说明实现圆角的方式有哪些？

4年前

545820 3330 0

[html]使用canvas把图片变成圆角

2年前

545535 3289 0

2年前

CSS3萌宠系列，纯CSS3诞生的可爱狗狗

CSS3萌宠系列，纯CSS3诞生的可爱狗狗

好可爱一只小狗狗！睡觉憨憨的样子，听到细微的声音，立马竖起他的耳朵，看向远方。你是不是想拥有这样一只忠实而又可爱的狗狗呢？可爱的你值得拥有！上图是用什么软件制作的呢？用纯CSS+HTML你信吗？不信的，让我们拭目以待吧！看图解构看上图，狗狗有圆圆头，2只小小的眼睛和2只长长的耳朵，鼻子，嘴巴，4只脚，身体、尾巴组成。细节：1、地上有阴影，狗狗抬头时阴影会缩小2、狗狗是趴着在，所有只能看到3只脚3、狗狗睡觉时，呼吸会让身体上下起伏4、狗狗抬头时，耳朵会上扬有了结构思路，我们可以先来画出大致的样子狗狗身体结构

548347 3232 0

3年前

CSS3基础知识：box-shadow, outline 实现边框内圆角

CSS3基础知识：box-shadow, outline 实现边框内圆角

知识点分析我们都知道box-shadow是会紧贴border-radius圆角边的，但是，描边outline并不会与圆角边border-radius贴合，我们可以将两者组合，通过box-shadow去填补描边outline所产生的间隙来达到边框内圆角的效果。示例代码<main><inputid="ck"type="checkbox"checked/><labelfor="ck">box-shadow</label><div><p>楼上

547209 3244 0

2年前

CSS 奇思妙想 | 巧妙的实现带圆角的三角形

CSS 奇思妙想 | 巧妙的实现带圆角的三角形

之前在这篇文章中--《老生常谈之CSS实现三角形》，介绍了6种使用CSS实现三角形的方式。但是其中漏掉了一个非常重要的场景，如何使用纯CSS实现带圆角的三角形呢？，像是这样：本文将介绍几种实现带圆角的三角形的实现方式。法一.全兼容的SVG大法想要生成一个带圆角的三角形，代码量最少、最好的方式是使用SVG生成。使用SVG的多边形标签<polygon>生成一个三边形，使用SVG的stroke-linejoin="round"生成连接处的圆角。代码量非常少，核心代码如下：<svgwidth="

545852 3241 0

2年前

圆角大杀器，使用滤镜构建圆角及波浪效果！

圆角大杀器，使用滤镜构建圆角及波浪效果！

本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下：div{width:200px;height:40px;background-color:#000;}如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：Soeasy，不过就是加个border-radius而已：div{width:200px;height:40px;+border-radius:40px;background-color:#000;}好，那如果，不再是直线，

545340 3262 0

下拉加载更多