CSS样式共10篇
css 流光按钮-xxlog

css 流光按钮

先看效果图: 实现简单炫酷,直接复制查看效果 CSS: <style> .btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 230px; height: 90px; line-heigh...
xxlog的头像-xxlogsvipxxlog1年前
09924
一些有意思的阴影特效,建议收藏!-xxlog

一些有意思的阴影特效,建议收藏!

 彩色边框效果 css: div.one div { width: 100px; height: 100px; margin: 50px auto; background-color: rgb(245, 234, 234); box-shadow: 10px 0 15px -2px rgb(11, 11, 235), 0 -10px 15px ...
xxlog的头像-xxlogsvipxxlog1年前
07715
不规则形状(缎带形状)-xxlog

不规则形状(缎带形状)

HTML: <div class='ribbon'> <div class='body'>Pure CSS Ribbon</div> <div class='blocks'> <div class='block'></div> <div class='block'></div> <div class='b...
xxlog的头像-xxlogsvipxxlog1年前
07421
写CSS的常用套路(background-clip:text)-xxlog

写CSS的常用套路(background-clip:text)

能将背景裁剪成文字的前景色,常用来和color: transparent配合生成渐变文本 HTML: <ul> <li><a href='#'>home</a></li> <li><a href='#'>archives</a></li> <li>...
xxlog的头像-xxlogsvipxxlog1年前
03615
写CSS的常用套路(霓虹文本)-xxlog

写CSS的常用套路(霓虹文本)

HTML: <div class='neon'>fushigi no monogatari</div> CSS: @import url(https://fonts.googleapis.com/css?family=Pacifico); body { display: flex; height: 100vh; justify-content: ...
xxlog的头像-xxlogsvipxxlog1年前
04721
wordpress添加网站欢迎语弹框,显示天气及地理位置-xxlog

wordpress添加网站欢迎语弹框,显示天气及地理位置

1.function.php 下添加如下代码: //网站欢迎语弹框,显示天气及地理位置 function show_addr(){ $ip = $_SERVER['HTTP_X_FORWARDED_FOR']; //获取当前位置的ip $res0 = file_get_contents('http...
xxlog的头像-xxlogsvipxxlog1年前
011814
添加文章更新或过期失效提示-xxlog

添加文章更新或过期失效提示

将下面的函数代码加入到主题目录下functions.php文件中。 //文章过期提示 function article_time_update() { date_default_timezone_set('PRC'); $newdate=time(); $updated_date = get_the_mod...
xxlog的头像-xxlogsvipxxlog1年前
05916
记录本站伸缩归档页面的制作-xxlog

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

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