svg+css实现两个眼珠眼睛转动动画效果代码-html代码-BFW代码库

svg+css实现两个眼珠眼睛转动动画效果代码

代码语言：html

所属分类：动画

代码描述：svg+css实现两个眼珠眼睛转动动画效果代码

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

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

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

  
  
<style>
svg {
        position: absolute;
        top: 50%;
        left: 50%;
}
svg:nth-of-type(1) {
        transform: translate(0%,-50%);
}
svg:nth-of-type(2) {
        transform: translate(-100%,-50%);
}
</style>

  
</head>

<body translate="no">
  <svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
        <defs>
                <radialGradient id="myGradient" fx="50%" fy="50%">
                        <stop offset="0%" stop-color="#000" />
                        <stop offset="20%" stop-color="#000" />
                        <stop offset="22%" stop-color="lightyellow" />
                        <stop offset="32%" stop-color="lightblue" />
                        <stop offset="40%" stop-color="steelblue" />
                        <stop offset="42%" stop-color="#fff" />
                        <stop offset="90%" stop-color="#fff" />
                        <stop offset="98%" stop-color="#f00" />
                        <stop offset=".........完整代码请登录后点击上方下载按钮下载查看