二维码特效把下面CSS添加上就行了
- .kmewm {
- position:relative;
- }
- .kmewm::before,
- .kmewm::after {
- content:"";
- border:2px solid;
- border-image:linear-gradient(45deg,gold,deeppink) 1;
- position:absolute;
- top:-5px;
- left:-5px;
- right:-5px;
- bottom:-5px;
- animation:clippath 3s infinite;
- }
- .kmewm::before {
- animation:clippath 3s infinite -1.5s linear;
- }
- @keyframes clippath {
- 0%,
- 100% {
- clip-path:inset(0 0 96% 0);
- filter:hue-rotate(0deg);
- }
- 25% {
- clip-path:inset(0 96% 0 0);
- }
- 50% {
- clip-path:inset(96% 0 0 0);
- filter:hue-rotate(360deg);
- }
- 75% {
- clip-path:inset(0 0 0 96%);
- }
- }
复制代码 |