HTML+共12篇
写CSS的常用套路(box-shadow)-xxlog

写CSS的常用套路(box-shadow)

为盒子添加阴影,增加盒子的立体感,可以多层叠加,并且会使阴影更加丝滑 HTML <ul class='pagination'> <li class='page-prev'> <a class='prev' href='#'><svg t='1580195949197'...
xxlog的头像-xxlogsvipxxlog1年前
011821
写CSS的常用套路(border-radius)-xxlog

写CSS的常用套路(border-radius)

为盒子添加圆角,经常用来美化按钮等组件 如果设定为50%则是圆形,也很常用 不规则的曲边形状 调整多个顶点的border-radius可以做出不规则的曲边形状 HTML <nav class='navtab'> <ul> <...
xxlog的头像-xxlogsvipxxlog1年前
07421
记录本站伸缩归档页面的制作-xxlog

记录本站伸缩归档页面的制作

效果图如下 1. 归档函数 下面代码放到主题文件 functions.php 里面,另外注意代码里面有中文,所以要把 functions.php 文件编码改为 UTF8 无 BOM 格式 2. 新建 pase-archives.php文件,然后在文...
xxlog的头像-xxlogsvipxxlog1年前
09327
收藏,日常必备的JS工具函数大全-xxlog

收藏,日常必备的JS工具函数大全

为元素添加on方法 Element.prototype.on = Element.prototype.addEventListener; NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, function (el) { el.on(event, f...
xxlog的头像-xxlogsvipxxlog1年前
07114
写CSS的常用套路(兄弟选择符定制表单元素 )-xxlog

写CSS的常用套路(兄弟选择符定制表单元素 )

提示:这里最好将input作为label的子元素,这样用户点击label时就能传到input上默认的input太丑怎么办?那就把它先抹掉,用appearance: none或opacity: 0都可以 然后,利用兄弟选择符~来定制和i...
xxlog的头像-xxlogsvipxxlog1年前
05111
写CSS的常用套路(overflow障眼法)-xxlog

写CSS的常用套路(overflow障眼法)

之前有做过闪光按钮的效果:鼠标悬浮按钮上时一道光从左到右划过去。 笔者就用渐变来模拟那道光,通过transform: translateX()将其平移至右边。 但这样明显不对啊,这光为啥能被看见呢?不应该...
xxlog的头像-xxlogsvipxxlog1年前
0488
写CSS的常用套路(attr()生成文本内容)-xxlog

写CSS的常用套路(attr()生成文本内容)

元素可以有自定义的属性值,它的命名格式通常为data-*attr()用于获取元素的这种自定义属性值,并赋值给其伪元素的content作为其生成的内容利用这个函数,我们可以用伪元素在原先文本的基础上“...
xxlog的头像-xxlogsvipxxlog1年前
05914
纯代码免插件开启微信公众号回复验证码查看隐藏内容功能-xxlog

纯代码免插件开启微信公众号回复验证码查看隐藏内容功能

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