css实现图片悬浮碎片化马赛克化动画效果代码

代码语言:html

所属分类:悬停

代码描述:css实现图片悬浮碎片化马赛克化动画效果代码

代码标签: css 图片 悬浮 碎片化 马赛克化 动画

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

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

<head>
  <meta charset="UTF-8">
  
<style>
/* control the granularity */
/* speed factor */
@property --c-0-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-0-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-1-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-2-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-3-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-4-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-5-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-6-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-7-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-8-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-9-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-10-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-11-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-12-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-13-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-0 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-1 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-2 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-3 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-4 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-5 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-6 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-7 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-8 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-9 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-10 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-11 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-12 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-13 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
@property --c-14-14 {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: true;
}
/* uncomment the function you want to use */
img {
  transition: --c-0-0 0.1802179786s 0.0227615934s, --c-0-1 0.4551449863s 0.4620727334s, --c-0-2 0.0842733492s 0.3420976644s, --c-0-3 0.253055693s 0.2409758172s, --c-0-4 0.4837653668s 0.3028456028s, --c-0-5 0.046270876s 0.2871720269s, --c-0-6 0.2518086444s 0.1525303344s, --c-0-7 0.4087606742s 0.011112428s, --c-0-8 0.0568355196s 0.0145708993s, --c-0-9 0.1612885168s 0.4320193848s, --c-0-10 0.4990801476s 0.3831503332s, --c-0-11 0.4713761683s 0.4830629085s, --c-0-12 0.2606169887s 0.3267249962s, --c-0-13 0.4031496598s 0.0383255171s, --c-0-14 0.0715858325s 0.1958933071s, --c-1-0 0.4254024981s 0.4228091477s, --c-1-1 0.4387363123s 0.088310366s, --c-1-2 0.3956661241s 0.4852453544s, --c-1-3 0.1165798328s 0.2941465577s, --c-1-4 0.346645183s 0.1682371166s, --c-1-5 0.0020459831s 0.0802415903s, --c-1-6 0.4052848163s 0.0378394699s, --c-1-7 0.3394812013s 0.0052206954s, --c-1-8 0.208735512s 0.1379402985s, --c-1-9 0.3035303185s 0.1064372015s, --c-1-10 0.4431442805s 0.0982634963s, --c-1-11 0.049257087s 0.039864078s, --c-1-12 0.1143588554s 0.2516078759s, --c-1-13 0.1862074074s 0.4066698588s, --c-1-14 0.1286024337s 0.0164760113s, --c-2-0 0.4869783336s 0.0546288186s, --c-2-1 0.0395576561s 0.1681720823s, --c-2-2 0.1080507313s 0.3452172171s, --c-2-3 0.448747479s 0.232042321s, --c-2-4 0.4707467784s 0.386776403s, --c-2-5 0.3862161605s 0.1040169725s, --c-2-6 0.1704582366s 0.0384422805s, --c-2-7 0.1273009791s 0.3377639648s, --c-2-8 0.1258166837s 0.2530185238s, --c-2-9 0.0805364793s 0.0860907744s, --c-2-10 0.3761691315s 0.0395053012s, --c-2-11 0.4646509423s 0.261901766s, --c-2-12 0.2197441523s 0.1435311287s, --c-2-13 0.116350711s 0.325075199s, --c-2-14 0.286585871s 0.1757666127s, --c-3-0 0.0482034581s 0.4360217225s, --c-3-1 0.0759050179s 0.1407410917s, --c-3-2 0.1804018734s 0.4078135948s, --c-3-3 0.3915779155s 0.1553993428s, --c-3-4 0.1548361053s 0.1475370702s, --c-3-5 0.2530548883s 0.38592327s, --c-3-6 0.3011894147s 0.0079809641s, --c-3-7 0.2962365173s 0.4260682039s, --c-3-8 0.0424070564s 0.1438977435s, --c-3-9 0.2721894289s 0.4225211206s, --c-3-10 0.2848888493s 0.4951849403s, --c-3-11 0.4214154323s 0.3310884544s, --c-3-12 0.4731406897s 0.3407868123s, --c-3-13 0.4781726991s 0.3780006531s, --c-3-14 0.235032934s 0.0767625939s, --c-4-0 0.4824408684s 0.1766541326s, --c-4-1 0.0621139823s 0.1205548924s, --c-4-2 0.2335566482s 0.4917399475s, --c-4-3 0.1431476331s 0.0350404166s, --c-4-4 0.4235452712s 0.3005081008s, --c-4-5 0.2552997926s 0.1032624952s, --c-4-6 0.4720964003s 0.1667771675s, --c-4-7 0.4266118106s 0.4206634966s, --c-4-8 0.034281022s 0.3808941855s, --c-4-9 0.1007870364s 0.2400836671s, --c-4-10 0.4522322824s 0.2626100246s, --c-4-11 0.4301799381s 0.402570461s, --c-4-12 0.3801576982s 0.2144622434s, --c-4-13 0.4193790243s 0.0864463205s, --c-4-14 0.2823645124s 0.2532891774s, --c-5-0 0.1247520556s 0.4506994096s, --c-5-1 0.1649893255s 0.2024360199s, --c-5-2 0.1880297855s 0.2583749005s, --c-5-3 0.3515087571s 0.3344890245s, --c-5-4 0.3341912449s 0.0397830056s, --c-5-5 0.3336967876s 0.3879644554s, --c-5-6 0.0248830544s 0.3251903905s, --c-5-7 0.2090134476s 0.3398651116s, --c-5-8 0.3790627734s 0.1646711958s, --c-5-9 0.3800639112s 0.3020697861s, --c-5-10 0.2068074462s 0.2716376466s, --c-5-11 0.4131451364s 0.3418490271s, --c-5-12 0.169026623s 0.2541190078s, --c-5-13 0.4631542102s 0.4368901068s, --c-5-14 0.041095564s 0.3299061289s, --c-6-0 0.2843107685s 0.0064427988s, --c-6-1 0.4115142972s 0.4942683682s, --c-6-2 0.1907692733s 0.1879370204s, --c-6-3 0.0984315397s 0.1212921991s, --c-6-4 0.1737714011s 0.0806985589s, --c-6-5 0.2420774068s 0.3893424026s, --c-6-6 0.1332753283s 0.064279952s, --c-6-7 0.4831145153s 0.4491142748s, --c-6-8 0.1226802572s 0.1279304388s, --c-6-9 0.3474509005s 0.3767467254s, --c-6-10 0.3302084711s 0.2939166426s, --c-6-11 0.2681647367s 0.3580245172s, --c-6-12 0.0201578858s 0.157155271s, --c-6-13 0.2214380603s 0.3773648069s, --c-6-14 0.3620628736s 0.0125473436s, --c-7-0 0.3881256864s 0.3167778484s, --c-7-1 0.3972562365s 0.4142832005s, --c-7-2 0.1042384007s 0.2307025547s, --c-7-3 0.1054357567s 0.1653290445s, --c-7-4 0.1896590591s.........完整代码请登录后点击上方下载按钮下载查看

网友评论0