qq_40414209的博客

利用背景渐变实现从对角线.out:before{ position: absolute; content:' '; height: 100%; width: 100%; background: linear-gradient(to top right,white,white 48%, pink , white 51%,white); left: 0; top: 0;}效果

图片压缩/** * 图片压缩 */ compressImg(url) { const canvas = document.createElement('canvas'); let context = canvas.getContext('2d'); let imageObj = new Image(); imageObj.setAttribute('cro...

css整理 – 右箭头，上下箭头，三角形伪元素的妙用

练习22-1 构建一个雪人在body中插入胰下面所示的svg元素<svg xmlns:svg="http://www.w3.org/2000/svg" version="1.1" width="100px" height="230px" xmlns="http://www.w3.org/2000/svg" xmnls:xlink="http://www....

文章目录 sdfsdf

原文有点 CSS 编写经验的人都知道，伪元素(Pseudo Element)可是个好东西，CSS 文档中的伪元素有好几个，这里我们着重介绍的是 ::before 和 ::after 两兄弟。借助它们，我们可以在布局中为正常的容器凭空添加两个虚拟的节点，配合一些 CSS 的“奇技淫巧”，便能展现一些 UI 交互上的 “黑魔法”。而让这两兄弟能够顺利生效的一个必备属性就是 content 了，没有它...

菜鸟@font-face { font-family:uniicons; font-weight:normal; /* 默认*/ font-style: normal; /** * https://developer.mozilla.org/zh-CN/docs/Web/CSS/@font-face/src * */ src: url('https://img-cdn-q...