特效代码

2025-08-22
08-22
特效代码 - 文字红色闪动动画-汇聚访

特效代码 – 文字红色闪动动画

大家好，今天汇聚访给大家带来一个文字红色闪动动画，这个效果你可以应用于任何网站，当然任何主题也是可以用的，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] CSSHTML 首先在你网站里添加css样式，代码如下： #titls{font-size:5.125rem;animation:animate 0.5s linear infinite;}@keyframes animate{0%,25%{text-shadow:2px 2px 2px #ff6384;}50%{text-shadow:2px -2px 2px #ff6384;}75%{text-shadow:-2px 2px 2px #ff6384;}100%{text-shadow:-2px -2px 2px #ff6384;}}#titlschi{display:block;color:#fafafa;font-size:3.25rem;letter-spacing:0;text-shadow:0px 1px 0px #999,0px 2px 0px #888,0px 3px 0px #777,0px 4px 0px...
动画特效
2025-08-20
08-20
特效代码 - 文字顶部阴影弹出动画-汇聚访

特效代码 – 文字顶部阴影弹出动画

大家好，今天汇聚访给大家带来一个文字顶部阴影弹出动画，这个效果你可以应用于任何网站，当然任何主题也是可以用的，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] /*汇聚访：www.huijuf.com*/ .text-pop-up-top { animation: text-pop-up-top 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both; } /*汇聚访：www.huijuf.com*/ @keyframes text-pop-up-top { 0% { transform: translateY(0); transform-origin: 50% 50%; text-shadow: none; } 100% {...
动画特效
2025-06-18
06-18
特效代码 - 渐变文字特效-汇聚访

特效代码 – 渐变文字特效

大家好，今天汇聚访给大家分享两款渐变颜色代码，希望大家能够喜欢！效果还是很不错的！有喜欢的自行部署吧！ 演示效果： 效果一： 效果二： 代码部署： [hidecontent type="payshow"] 效果一效果二 .zbbox-p{font-weight:600;color:#8c888b;background:-webkit-linear-gradient(45deg,#70f7fe,#fbd7c6,#fdefac,#bfb5dd,#bed5f5);background:-moz-linear-gradient(45deg,#70f7fe,#fbd7c6,#fdefac,#bfb5dd,#bed5f5);background:-ms-linear-gradient(45deg,#70f7fe,#fbd7c6,#fdefac,#bfb5dd,#bed5f5);color:transparent;-webkit-background-clip:text;animation:ran 20s linear infinite}@keyframes ran{from{background-position:0}to{background-position:2000px 0}} 代码为了减少加载速度，已压缩处理！放在子比后台-自定义CSS样式即可！随后自行引入样式即可！ .wniui-colorful{ font-weight: 700; background-image: linear-gradient(90deg, #673ab7, #e91e63); background-clip: text; -webkit-background-clip: text; color: transparent; background-image: linear-gradient(90deg, rgb(255, 167, 69), rgb(254, 134,...
动画特效
2025-05-21
05-21
特效代码 - 文字彩色特效-汇聚访

特效代码 – 文字彩色特效

这个文字彩色特效代码挺好看的，适合做信封、句子啥滴！文字彩色特效代码采用的是HTML+CSS+JS，如果不要颜色边框的话，删除CSS即可。现在分享给大家吧！ 演示效果： 代码部署： [hidecontent type="reply"] <html> <head> <style type="text/css"> .text_body{margin:100px auto;background-color:white;}.text{position:relative;margin:100px auto;padding:1em;border:1em solid transparent;background:linear-gradient(white,white) padding-box,repeating-linear-gradient(-45deg,red 0,red 12.5%,transparent 0,transparent 25%,#58a 0,#58a 37.5%,transparent 0,transparent 50%) 0 / 5em 5em;}</style> </head> <body> <!--文本--> <div class="text_body"> <div class="text" id="container">...
动画特效