css样式SVG返回键, 方法让当前的元素滚动到浏览器窗口的可视区域内。

html-css039

css样式SVG返回键, 方法让当前的元素滚动到浏览器窗口的可视区域内。,第1张

这个是一个返回键的<这个符号

  <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中文网 !!