搜索到
3
篇与
color
的结果
-
幽灵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> -
第二十四届冬奥会在北京圆满闭幕 小熊猫博客：新闻（blog.32yunbk.cn）：原标题：第二十四届冬季奥林匹克运动会在北京圆满闭幕 习近平李克强栗战书汪洋王沪宁赵乐际韩正王岐山 国际奥委会主席巴赫出席闭幕式 新华社北京2月20日电 第二十四届冬季奥林匹克运动会闭幕式20日晚在国家体育场隆重举行。习近平、李克强、栗战书、汪洋、王沪宁、赵乐际、韩正、王岐山等党和国家领导人，国际奥委会主席巴赫出席闭幕式。2月20日晚，第二十四届冬季奥林匹克运动会闭幕式在国家体育场隆重举行。这是国家主席习近平同国际奥委会主席巴赫在主席台上向大家挥手致意。新华社记者 李学仁 摄2月20日晚，第二十四届冬季奥林匹克运动会闭幕式在国家体育场隆重举行。这是国家主席习近平同国际奥委会主席巴赫在主席台上向大家挥手致意。新华社记者 李学仁 摄 从2008年百年奥运梦圆，到2022年与奥林匹克运动再度携手，北京成为历史上首座“双奥之城”。过去16天，北京见证竞技体育的荣耀与梦想，凝聚人类社会的团结与友谊。五环旗下，来自91个国家和地区的近3000名运动员奋力拼搏、挑战极限、超越自我，刷新了2项世界纪录和17项冬奥会纪录，奏响“更快、更高、更强——更团结”的华彩乐章。中国克服疫情影响，为举办一届简约、安全、精彩的冬奥会付出巨大努力，一流的比赛场馆设施，出色的组织服务工作，赢得了奥林匹克大家庭和国际社会的广泛好评。中国代表团以9金4银2铜刷新了单届冬奥会获金牌数和奖牌数两项纪录，名列金牌榜第3位，创造了自1980年参加冬奥会以来的历史最好成绩。 夜幕下的国家体育场流光溢彩、气氛热烈。 在《和平——命运共同体》的乐曲声中，习近平和夫人彭丽媛同巴赫等走上主席台，向观众挥手致意。全场响起热烈掌声。2月20日晚，第二十四届冬季奥林匹克运动会闭幕式在国家体育场隆重举行。习近平、李克强、栗战书、汪洋、王沪宁、赵乐际、韩正、王岐山等党和国家领导人出席闭幕式。新华社记者 岳月伟 摄2月20日晚，第二十四届冬季奥林匹克运动会闭幕式在国家体育场隆重举行。习近平、李克强、栗战书、汪洋、王沪宁、赵乐际、韩正、王岐山等党和国家领导人出席闭幕式。新华社记者 岳月伟 摄 20时整，闭幕式开场表演《点亮》开始了。孩子们手提雪花花灯，以元宵节闹花灯的传统，点亮了场地上的“冬”字会徽。 全体起立，在雄壮的中华人民共和国国歌声中，鲜艳的五星红旗冉冉升起。 场地上出现了巨大的中国结图案，旗手们手持参加本届冬奥会的91个代表团旗帜步入场内。《欢乐颂》经典乐曲响起，运动员代表入场，全场观众用掌声和欢呼声，向体育健儿们表达热烈的祝贺和由衷的敬意。 大屏幕播放短片《2022，有我！》，再现运动员们奋勇拼搏、激情飞扬的精彩瞬间。随后，为越野滑雪女子30公里集体出发（自由技术）项目和越野滑雪男子50公里集体出发（自由技术）项目的获奖运动员颁奖。 一张张志愿者真诚的笑脸在大屏幕上不断呈现。新当选的国际奥委会运动员委员会委员代表全体运动员，向6名志愿者代表致敬，表达对广大志愿者的诚挚谢意。2008年北京奥运会开创了“向志愿者致敬”这一环节，并从此成为奥运会闭幕式上的传统。本届冬奥会期间，数万名志愿者热情服务、辛勤付出，赢得了普遍赞誉。 大屏幕播放国际奥委会短片《信念的力量》，生动展现了“更快、更高、更强——更团结”的奥林匹克精神。 盛会即将结束，又到了分别的时刻。中国古人常折柳送别，寄托思念之情。365名各行各业、不同年龄的普通人手捧柳枝，汇聚在场地中央，代表一年365天的思念。白色的光束从场地中央亮起，形成一座光的丰碑，承托起主火炬“大雪花”。大屏幕播放短片《2022，有我们！》，记录下冬奥会一个个温暖人心的场景。2月20日晚，第二十四届冬季奥林匹克运动会闭幕式在国家体育场隆重举行。习近平、李克强、栗战书、汪洋、王沪宁、赵乐际、韩正、王岐山等党和国家领导人出席闭幕式。新华社记者 岳月伟 摄2月20日晚，第二十四届冬季奥林匹克运动会闭幕式在国家体育场隆重举行。习近平、李克强、栗战书、汪洋、王沪宁、赵乐际、韩正、王岐山等党和国家领导人出席闭幕式。新华社记者 岳月伟 摄 随后，举行了升希腊国旗、奏希腊国歌仪式。 来自河北阜平山区的孩子们再一次唱响奥林匹克会歌，奥林匹克会旗在歌声中徐徐降下。 奥林匹克会旗交接仪式开始。北京市市长陈吉宁挥动五环旗，然后交给国际奥委会主席巴赫。巴赫将会旗交给下届冬奥会主办城市意大利米兰市市长萨拉和科尔蒂纳丹佩佐市市长盖迪纳。 现场奏响意大利国歌，升起意大利国旗。米兰市和科尔蒂纳丹佩佐市带来了精彩的文艺表演《双城璧合·聚力联辉》。 随后，北京冬奥组委主席蔡奇致辞说，在这令人难忘的16个日子里，来自世界各地的运动健儿闪耀赛场，展现体育魅力，诠释了“更快、更高、更强——更团结”的奥林匹克格言。奥林匹克大家庭成员团结协作，各媒体精心转播报道，向全球呈现了北京冬奥会赛场内外每个精彩瞬间。感谢所有参与、支持和奉献北京冬奥会的朋友们，你们同样体现了冬奥的精彩。“双奥之城”，非凡冬奥。北京冬奥会开启了全球冰雪运动新时代，让我们记住这段难忘的冬奥时光，携手开创人类更加美好的未来。 国际奥委会主席巴赫致辞。他说，本届冬奥会奥运村独具匠心，场馆令人叹为观止，组织工作非凡卓越。我们要向北京冬奥组委、中国政府部门以及我们在中国的所有合作伙伴和朋友们致以最诚挚的谢意。这是一届真正无与伦比的冬奥会，我们欢迎中国成为冰雪运动大国。最后，巴赫宣布第二十四届冬奥会闭幕，并号召全世界青年4年后在米兰-科尔蒂纳丹佩佐相聚，参加第二十五届冬奥会。 大屏幕播放短片《再见！一起向未来！》，在本届冬奥会即将结束的时刻，定格下中国人民同世界各地来宾依依惜别的情谊。 21时35分，2008年北京奥运会主题歌《我和你》的动人歌声再次响起，闪闪发光的奥运五环从场地中央升起。主火炬“大雪花”缓缓落下，在纯洁空灵的《雪花》歌声中，燃烧了16天的奥运之火渐渐熄灭。 盛大焰火腾空而起，在体育场上空呈现出五环形状、“天下一家”中英文字样，歌声、掌声、欢呼声响彻云霄，国家体育场成了欢乐的海洋。 在京中共中央政治局委员、中央书记处书记，全国人大常委会副委员长，国务委员，最高人民法院院长，最高人民检察院检察长，在京全国政协副主席以及中央军委委员出席闭幕式。 国际奥林匹克委员会负责人等出席闭幕式。{callout color="#f0ad4e"}文章部分内容以及图片：来自新华网{/callout}
-
ADobe 2022 全家桶 SP版和大师版 {callout color="#f0ad4e"}Adobe 2022 全家桶正式发布，本文2022SP版和大师版均有@vposy破解打包完成，全新版本全网发布！Adobe 2022全家桶系列安装直接激活，SP版是每个单独的软件包，大师班呢包含所有Adobe软件集合，这里博主推荐下载大师版{/callout}随着Adobe 全家桶系列逐渐更新，对电脑硬件要求越来越高，并且最少需要windows 10才能安装CPU 核心数至少4核，简易6核或以上内存建议16G或者更高独立显卡至少10系列，显存6GB，搭建20系列，30系列更加高性能固态硬盘 {callout color="#ef4d5d"}默认解压密码：@vposy{/callout}隐藏内容，请前往内页查看详情
