css实现彩色发散渐变正方形悬浮旋转动画效果代码

代码语言:html

所属分类:动画

代码描述:css实现彩色发散渐变正方形悬浮旋转动画效果代码

代码标签: css 彩色 发散 渐变 正方形 悬浮 旋转 动画

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  



  
<style>
.sqr {
  width: 120px;
  aspect-ratio: 1;
  display: grid;
  cursor: pointer;
  rotate: 1turn;
  transition: 1s cubic-bezier(.35,.54,.8,.96);
}
.sqr:before {
  content:"";
  background-image: conic-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);
  border-radius: 10px;
  trans.........完整代码请登录后点击上方下载按钮下载查看

网友评论0