css SVG cerrar关闭X css

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css SVG cerrar关闭X css相关的知识，希望对你有一定的参考价值。

.cerrar {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxyZWN0IHg9Ii04My4xOTUiIHk9IjIzMy4xNTciIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSAyNTYuMDAyNyA2MTguMDM0MykiIGZpbGw9IiMxNjE2MTYiIHdpZHRoPSI2NzguMzkiIGhlaWdodD0iNDUuNjgxIi8+PC9nPjxnPjxyZWN0IHg9IjIzMy4xNTciIHk9Ii04My4xOTkiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSAyNTYuMDAxNiA2MTguMDMwOSkiIGZpbGw9IiMxNjE2MTYiIHdpZHRoPSI0NS42ODEiIGhlaWdodD0iNjc4LjM5MSIvPjwvZz48L2c+PC9zdmc+);

  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 21px;
  position: absolute;
  cursor: pointer;
  right: 2px;
  top: 19px;
  z-index: 3;
}

以上是关于css SVG cerrar关闭X css的主要内容，如果未能解决你的问题，请参考以下文章

使用 css 动画 svg 路径填充

使用 Adob​​e Illustrator 设置 CSS 类属性 [关闭]

使用 CSS 或 AngularJS 的 SVG 路径元素悬停缩放

使用 CSS 和 SVG 的菱形菜单项

GPU 加速 CSS 动画与 SVG 原生动画

将 SVG 文本更改为 css 自动换行