分类浏览：网页代码

让你的网站logo多种动画效果展示

在本文中，我将介绍如何使用 CSS 实现多种动画效果，让你的网站 Logo 更加生动活泼。效果有：从左到右移动、从右到左移动、从顶部到底部移动、从底部到顶部移动，四个简单效果。 预览效果将和CSS代码写在一起，就不分开了，以免搞混乱了 1.从左到右移动 @keyframes slideInFromLeft { from { transform: translateX(-100%); } to { transform: translateX(0); } } .logo.left { animation: slideInFromLeft 1s ease forwards; } 这段 CSS 代码将 Logo 从页面左侧移动到原始位置，通过 @keyframes 定义了动画的关键帧，然后通过 .logo.left 类将动画应用于特定的 Logo 元素。 2.从右到左移动 @keyframes slideInFromRight { from { transform: translateX(100%); } to { transform: translateX(0); } } .logo.right { animation: slideInFromRight 1s ease forwards; } 这段 CSS 代码将 Logo 从页面右侧移动到原始位置。 3.从顶部到底部移动 @keyframes slideInFromTop { from { transform: translateY(-100%); } to { transform: translateY(0); } } .logo.top { animation: slideInFromTop 1s ease forwards; } 这段 CSS 代码将 Logo 从页面顶部移动到原始位置。 4.从底部到顶部移动 @keyframes slideInFromBottom { from { transform: translateY(100%); } to { transform: translateY(0); } } .logo.bottom { animation: slideInFromBottom 1s ease forwards; } 最后，这段 CSS 代码将 Logo 从页面底部移动到原始位置。 使用方法：CoreNext主题 - 主题设置 - 插入代码 - 自定义CSS

2024-04-14

WordPress子比主题评论模块未登录不显示

有时候在特殊情况下咱们的个人网站评论模块得隐藏起来，那么对于WordPress来说实现起来其实很简单，只需要调用wordPress的is_user_logged_in()函数即可。 使用教程： 在single.php加载评论模块的位置套上是否登录的判断即可，这里以子比主题为例，把下面代码修改一下 //评论模块 comments_template('/template/comments.php', true); 上面代码修改成下面这样就行 //评论模块 if (is_user_logged_in()){ comments_template('/template/comments.php', true); }

2024-03-24

青龙面板随机小米运动步数

小米运动(Zepp Life)注册的账号，旧账户不行就新注册，随便邮箱，绑定微信，环境变量 ydbsck = 账号#密码，多账号新建变量或者用 & 分开。 青龙脚本 """ time：2023.5.4 cron: 23 12 * * * new Env('运动步数'); 小米运动(Zepp Life)注册的账号，旧账户不行就新注册，随便邮箱，绑定wx 环境变量 ydbsck = 账号#密码 多账号新建变量或者用 & 分开 """ import time import requests from os import environ, path import random # 读取通知 def load_send(): global send cur_path = path.abspath(path.dirname(__file__)) if path.exists(cur_path + "/SendNotify.py"): try: from SendNotify import send print("加载通知服务成功！") except: send = False print( '''加载通知服务失败~\n请使用以下拉库地址\nql repo https://github.com/Bidepanlong/ql.git "bd_" "README" "SendNotify"''') else: send = False print( '''加载通知服务失败~\n请使用以下拉库地址\nql repo https://github.com/Bidepanlong/ql.git "bd_" "README" "SendNotify"''') load_send() # 获取环境变量 def get_environ(key, default="", output=True): def no_read(): if output: print(f"未填写环境变量 {key} 请添加") exit(0) return default return environ.get(key) if environ.get(key) else no_read() class Ydbs(): def __init__(self, user, psw): self.msg = '' self.user = user self.psw = psw def sign(self): time.sleep(0.5) step = str(random.randint(20000, 30000)) url = "https://apis.jxcxin.cn/api/mi?user=" + self.user + "&password=" + self.psw + "&step=" + step r = requests.get(url) if r.status_code != 200: xx = f"[登录]：{self.user}\n[步数]：{step}\n[提交]：请求失败，{r.json()['msg']}\n\n" print(xx) self.msg += xx return self.msg try: if r.json()['code'] == 200: xx = f"[登录]：{self.user}\n[步数]：{step}\n[提交]:{r.json()['msg']}\n\n" print(xx) self.msg += xx return self.msg else: xx = f"[登录]：{self.user}\n[步数]：{step}\n[提交]:{r.json()['msg']}\n\n" print(xx) self.msg += xx return self.msg except: xx = f"[登录]：解析响应失败，请检查网络\n\n" print(xx) self.msg += xx return self.msg def get_sign_msg(self): return self.sign() if __name__ == '__main__': token = get_environ("ydbsck") msg = '' cks = token.split("&") print("检测到{}个ck记录\n开始刷步数\n".format(len(cks))) for ck in cks: c = ck.split('&') for i in c: d = i.split('#') try: run = Ydbs(d[0], d[1]) msg += run.get_sign_msg() except KeyError: print("请检查ck是否正确") print() if send: send("刷步数通知", msg)

2024-01-28

获取网站ICP备案号并输出展示代码

记得之前有个文章是自动获取ICP备案的本地接口，后来发现这种方法会使网站的加载速度变慢，这里给到大家自动秒加载ICP备案的接口，此接口为防止恶意访问加了防盗链，需要用的话留言，免费给到大家使用，复制以下代码到要展示ICP北岸号的地方： <a target="_blank" href="http://beian.miit.gov.cn/#/Integrated/index" id="icp">ICP加载中</a> <script>document.write('<script src="https://dh.202s.cn/tool/beian/api.php?url='+window.location.host+'"><\/script>'); window.onload=function(){ document.getElementById("icp").innerHTML=icp["ICPSerial"]; } </script> 把以上代码直接复制到前端需要展示ICP备案号的地方即可自动显示ICP备案号。

2023-12-09

emer

每天发现网络新鲜事

57028 文章
13 分类
7800.2k+ 访问

搜索

最新文章

热门文章

Zoomed Image