为盒子添加阴影，增加盒子的立体感，可以多层叠加，并且会使阴影更加丝滑 HTML <ul class='pagination'> <li class='page-prev'> <a class='prev' href='#'><svg t='1580195949197'...

为盒子添加圆角，经常用来美化按钮等组件 如果设定为50%则是圆形，也很常用 不规则的曲边形状 调整多个顶点的border-radius可以做出不规则的曲边形状 HTML <nav class='navtab'> <ul> <...

效果图如下 1. 归档函数 下面代码放到主题文件 functions.php 里面，另外注意代码里面有中文，所以要把 functions.php 文件编码改为 UTF8 无 BOM 格式 2. 新建 pase-archives.php文件，然后在文...

为元素添加on方法 Element.prototype.on = Element.prototype.addEventListener; NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, function (el) { el.on(event, f...

提示：这里最好将input作为label的子元素，这样用户点击label时就能传到input上默认的input太丑怎么办？那就把它先抹掉，用appearance: none或opacity: 0都可以 然后，利用兄弟选择符~来定制和i...

之前有做过闪光按钮的效果：鼠标悬浮按钮上时一道光从左到右划过去。 笔者就用渐变来模拟那道光，通过transform: translateX()将其平移至右边。 但这样明显不对啊，这光为啥能被看见呢？不应该...

元素可以有自定义的属性值，它的命名格式通常为data-*attr()用于获取元素的这种自定义属性值，并赋值给其伪元素的content作为其生成的内容利用这个函数，我们可以用伪元素在原先文本的基础上“...

代码部署 在 functions.php 文件中加入以下代码      这个代码必须用 UTF-8-BOM 编码格式 修改中文，不然直接用主题编辑器修改会错位！！ /** * WordPress文章部分内容关注微信公众号后可见 ...