首页
Search
1
免费typecho主题(joe)模板----持续更新
2,068 阅读
2
网站美化,功能教程(CSS美化教程)
1,690 阅读
3
【小熊猫blog】一键生成表白源码
1,277 阅读
4
Typecho博客设置robots文件
1,255 阅读
5
本站同款typecho主题模板----原版
1,014 阅读
源码下载
网站源码
新闻资讯
网站优化
技术教程
值得一看
网站美化
主题模板
typecho主题插件
wordpres主题插件
登录
/
注册
Search
标签搜索
服务器
博客
网站
32yun博客
问题
情感
百度
url
熊猫
type
宝塔
主题
Linux
PHP
链接
文章
首页
tabs-pane
tabs
hide
小熊猫
累计撰写
97
篇文章
累计收到
360
条评论
今日撰写
0
篇文章
首页
栏目
源码下载
网站源码
新闻资讯
网站优化
技术教程
值得一看
网站美化
主题模板
typecho主题插件
wordpres主题插件
页面
用户登录
登录
注册
搜索到
68
篇与
网站优化
的结果
2022-02-28
Adobe的大师版和sp版有什么区别
小熊猫博客(blog.32yunbk.cn)分享很多人可能都跟我有同样的疑惑,大师版和sp版本到底有什么区别,我经过搜索和询问,才得到的以下结果,主要是个人认知 大师版是Adobe全家桶1,包括PS AL,PR,LR,AU,AM,AE...而sp版本是单独的独立软件,需要全家桶,你就装大师版,需要某个软环,就去sp版本找大师版是包含很多独立版的软件集合,独立版是单独的一个应用软件包如果需要很多功能不同的软件相互协作就安装大师版,否则就安装针对的独立版; Adobe从2003年起,将主要软件打包成Creative Suit,套装出售,而后每次CS升级都会根据不同功能软件的搭配和包含软件套数的多少,划分多个等级,从:Design Premium(设计套装), Web Premium(网页套装), Production Premium(视频套装) 到 Master Collection(大师套装)。Master Collection就是大师版,包含了Adobe开发的尽可能多的软件,各种用途各种方向的。
2022年02月28日
264 阅读
0 评论
1 点赞
2022-02-26
幽灵404网页代码 跟随鼠标动画
小熊猫博客:(blog.32yunbk.cn)爱分享:{callout color="#f0ad4e"}介绍(不开回复可见,来了能否留个足迹,感谢支持){/callout}在某个网站上看到的,个人感觉不错,就叫人扒了下来,幽灵1会有浮动动画跟随鼠标动画{callout color="#f0ad4e"}截图{/callout}<!doctype html> <html> <head> <meta charset="utf-8"> <title>幽灵404页面</title> <script type="text/javascript" src="https://a-oss.zmki.cn/2020/20200101-cc0f0c1509531.js"></script> <style> html, body { background: #28254C; font-family: 'Ubuntu'; } * { box-sizing: border-box; } .box { width: 350px; height: 100%; max-height: 600px; min-height: 450px; background: #332F63; border-radius: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 30px 50px; } .box .box__ghost { padding: 15px 25px 25px; position: absolute; left: 50%; top: 30%; transform: translate(-50%, -30%); } .box .box__ghost .symbol:nth-child(1) { opacity: .2; animation: shine 4s ease-in-out 3s infinite; } .box .box__ghost .symbol:nth-child(1):before, .box .box__ghost .symbol:nth-child(1):after { content: ''; width: 12px; height: 4px; background: #fff; position: absolute; border-radius: 5px; bottom: 65px; left: 0; } .box .box__ghost .symbol:nth-child(1):before { transform: rotate(45deg); } .box .box__ghost .symbol:nth-child(1):after { transform: rotate(-45deg); } .box .box__ghost .symbol:nth-child(2) { position: absolute; left: -5px; top: 30px; height: 18px; width: 18px; border: 4px solid; border-radius: 50%; border-color: #fff; opacity: .2; animation: shine 4s ease-in-out 1.3s infinite; } .box .box__ghost .symbol:nth-child(3) { opacity: .2; animation: shine 3s ease-in-out .5s infinite; } .box .box__ghost .symbol:nth-child(3):before, .box .box__ghost .symbol:nth-child(3):after { content: ''; width: 12px; height: 4px; background: #fff; position: absolute; border-radius: 5px; top: 5px; left: 40px; } .box .box__ghost .symbol:nth-child(3):before { transform: rotate(90deg); } .box .box__ghost .symbol:nth-child(3):after { transform: rotate(180deg); } .box .box__ghost .symbol:nth-child(4) { opacity: .2; animation: shine 6s ease-in-out 1.6s infinite; } .box .box__ghost .symbol:nth-child(4):before, .box .box__ghost .symbol:nth-child(4):after { content: ''; width: 15px; height: 4px; background: #fff; position: absolute; border-radius: 5px; top: 10px; right: 30px; } .box .box__ghost .symbol:nth-child(4):before { transform: rotate(45deg); } .box .box__ghost .symbol:nth-child(4):after { transform: rotate(-45deg); } .box .box__ghost .symbol:nth-child(5) { position: absolute; right: 5px; top: 40px; height: 12px; width: 12px; border: 3px solid; border-radius: 50%; border-color: #fff; opacity: .2; animation: shine 1.7s ease-in-out 7s infinite; } .box .box__ghost .symbol:nth-child(6) { opacity: .2; animation: shine 2s ease-in-out 6s infinite; } .box .box__ghost .symbol:nth-child(6):before, .box .box__ghost .symbol:nth-child(6):after { content: ''; width: 15px; height: 4px; background: #fff; position: absolute; border-radius: 5px; bottom: 65px; right: -5px; } .box .box__ghost .symbol:nth-child(6):before { transform: rotate(90deg); } .box .box__ghost .symbol:nth-child(6):after { transform: rotate(180deg); } .box .box__ghost .box__ghost-container { background: #fff; width: 100px; height: 100px; border-radius: 100px 100px 0 0; position: relative; margin: 0 auto; animation: upndown 3s ease-in-out infinite; } .box .box__ghost .box__ghost-container .box__ghost-eyes { position: absolute; left: 50%; top: 45%; height: 12px; width: 70px; } .box .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-left { width: 12px; height: 12px; background: #332F63; border-radius: 50%; margin: 0 10px; position: absolute; left: 0; } .box .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-right { width: 12px; height: 12px; background: #332F63; border-radius: 50%; margin: 0 10px; position: absolute; right: 0; } .box .box__ghost .box__ghost-container .box__ghost-bottom { display: flex; position: absolute; top: 100%; left: 0; right: 0; } .box .box__ghost .box__ghost-container .box__ghost-bottom div { flex-grow: 1; position: relative; top: -10px; height: 20px; border-radius: 100%; background-color: #fff; } .box .box__ghost .box__ghost-container .box__ghost-bottom div:nth-child(2n) { top: -12px; margin: 0 -0px; border-top: 15px solid #332F63; background: transparent; } .box .box__ghost .box__ghost-shadow { height: 20px; box-shadow: 0 50px 15px 5px #3B3769; border-radius: 50%; margin: 0 auto; animation: smallnbig 3s ease-in-out infinite; } .box .box__description { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } .box .box__description .box__description-container { color: #fff; text-align: center; width: 200px; font-size: 16px; margin: 0 auto; } .box .box__description .box__description-container .box__description-title { font-size: 24px; letter-spacing: .5px; } .box .box__description .box__description-container .box__description-text { color: #8C8AA7; line-height: 20px; margin-top: 20px; } .box .box__description .box__button { display: block; position: relative; background: #FF5E65; border: 1px solid transparent; border-radius: 50px; height: 50px; text-align: center; text-decoration: none; color: #fff; line-height: 50px; font-size: 18px; padding: 0 70px; white-space: nowrap; margin-top: 25px; transition: background .5s ease; overflow: hidden; } .box .box__description .box__button:before { content: ''; position: absolute; width: 20px; height: 100px; background: #fff; bottom: -25px; left: 0; border: 2px solid #fff; transform: translateX(-50px) rotate(45deg); transition: transform .5s ease; } .box .box__description .box__button:hover { background: transparent; border-color: #fff; } .box .box__description .box__button:hover:before { transform: translateX(250px) rotate(45deg); } @keyframes upndown { 0% { transform: translateY(5px); } 50% { transform: translateY(15px); } 100% { transform: translateY(5px); } } @keyframes smallnbig { 0% { width: 90px; } 50% { width: 100px; } 100% { width: 90px; } } @keyframes shine { 0% { opacity: .2; } 25% { opacity: .1; } 50% { opacity: .2; } 100% { opacity: .2; } } </style> </head> <body> <div class="box"> <div class="box__ghost"> <div class="symbol"></div> <div class="symbol"></div> <div class="symbol"></div> <div class="symbol"></div> <div class="symbol"></div> <div class="symbol"></div> <div class="box__ghost-container"> <div class="box__ghost-eyes"> <div class="box__eye-left"></div> <div class="box__eye-right"></div> </div> <div class="box__ghost-bottom"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <div class="box__ghost-shadow"></div> </div> <div class="box__description"> <div class="box__description-container"> <div class="box__description-title">404错误!</div> <div class="box__description-text">看来我们找不到你要找的那一页</div> </div> <a href="/index.php" class="box__button">返回</a> </div> </div> <script> //based on https://dribbble.com/shots/3913847-404-page var pageX = $(document).width(); var pageY = $(document).height(); var mouseY=0; var mouseX=0; $(document).mousemove(function( event ) { //verticalAxis mouseY = event.pageY; yAxis = (pageY/2-mouseY)/pageY*300; //horizontalAxis mouseX = event.pageX / -pageX; xAxis = -mouseX * 100 - 100; $('.box__ghost-eyes').css({ 'transform': 'translate('+ xAxis +'%,-'+ yAxis +'%)' }); //console.log('X: ' + xAxis); });</script> </body> </html>
2022年02月26日
107 阅读
0 评论
0 点赞
2022-02-14
2022年2月14日情人节即情人节礼物--小熊猫博客
小熊猫博客(blog.32yunbk.cn):祝大家情人节快乐微信上线撒狗粮状态,情人节微信再支持520红包,2月14日,情人节当天微信官方再次将个人红包的限额从200提升到520元,同时微信情人节限定状态上线,分别为“撒狗粮”“吃狗粮”以及“疲惫”。你有收到情人节红包吗?我是小熊猫博客,请说说你的看法
2022年02月14日
72 阅读
0 评论
1 点赞
2022-02-10
【小程序】18k 超清壁纸 --夜空潮图
壁纸小程序介绍介绍:1.静态动态壁纸都有,头像啥的全部都有2.真-无广告且免费3.直接无视积分下载,一个字,爽!4.正经的高质量壁纸神器5.云端主要介绍【微信小程序】:夜空潮图【小程序版本】:1.0.0【小程序大小】:0M、【小程序平台】:安卓Android/苹果ios【测试机型】:荣耀30pro【使用说明】:微信搜索小程序里搜索名字夜空潮图或者扫码就可以用进去使用了【使用方式】:直接用微信扫码下方的小程序二维码本人郑重承诺,小程序无任何广告,拒绝任何广告,给大家一个绿色平台,感谢各位支持,无偿保存图片,无需看任何广告,没有强制分享,也不商用不喜勿喷,拿走评论,禁止商用不喜勿喷,拿走评论,禁止商用不喜勿喷,拿走评论,禁止商用{tabs}{tabs-pane label="下载扫码"}{/tabs-pane}{tabs-pane label="暂无"} 标签二内容{/tabs-pane}{/tabs}{tabs}{tabs-pane label="部分截图1"}{/tabs-pane}{tabs-pane label="部分截图2"}{/tabs-pane}{/tabs}{tabs}{tabs-pane label="部分截图3"}{/tabs-pane}{tabs-pane label="部分截图4"}{/tabs-pane}{/tabs}
2022年02月10日
91 阅读
0 评论
1 点赞
2022-02-02
小熊猫博客祝大家虎年快乐
小熊猫博客祝你虎年人缘开挂,走哪都有人大招虎祝你元气power,虎气满满祝你虎运翻倍,好事如期而至祝你所到之处,都轻松签收到好人缘祝你握紧虎爪,喜迎新一年
2022年02月02日
37 阅读
0 评论
0 点赞
1
2
...
14