<svg width="42" height="42">
<polyline
points="25,13 16,21 25,29"
stroke="#fff"
strokeWidth="2"
fill="none"
></polyline>
</svg>
这个是一个圆圈里面一个×
<i className="search-clean">
</i>
document.querySelector(`[data-cate='${alpha}']`)
.scrollIntoView()
如果想要使用CSS绘制胡子样式,这要怎么画?下面本篇文章就来给大家介绍一下使用CSS绘制胡子效果的方法,希望对大家有所帮助。
绘制胡子的步骤:
步骤1: 创建一个黑色圆,圆角半径为50%,宽度和高度为180px
为了保持圆在中间,在左边加350px;为了要使圆可见,可添加背景色作为当前颜色。使用CurrentColor值的好处是更改颜色徽标,以便自动更改背景。
效果图:
步骤2: 使用box-shadow添加框阴影,使页面中间有两个圆
css样式
效果图:
步骤3: 使用::before元素添加左胡须
● 将::before元素添加到div,并添加position, top,width, height, border。
● 同时添加border-radius属性,直到弧线需要形成胡须。
● 固定旋转原点,使左胡须末端准确到达,然后以-40度角旋转。
添加.mustache::before样式
效果图:
步骤4: 使用::after元素添加右胡须
● 将::after元素添加到div,并添加position, top,width, height, border。
● 同时添加border-radius属性,直到弧线需要形成胡须。
● 固定旋转原点,使右胡须末端准确到达,然后以40度角旋转。
添加.mustache::after样式
效果图:
更多 web开发 知识,请查阅 HTML中文网 !!