background-position属性逼真的金鱼游动css3动画特效5350
background-position鱼游动特效是一款基于css3 animation transform属性制作两条游动的鲨鱼动画特效。
相关CSS3代码
@keyframes active1 {
		0%{

		}
		100%{
			background-position: left -1008px;
		}
	}

	@keyframes active2 {
		0%{

		}
		100%{
			background-position: left -2160px;
		}
	}

	@keyframes run {
		0%{

		}

		15%{
			transform:translate(600px,0px) rotate(45deg) ;
		}

		50%{
			transform:translate(600px,350px) rotate(135deg) ;
		}

		75%{
			transform:translate(50px,300px) rotate(235deg);
		}


		100%{
			transform:translate(0px,0px) rotate(360deg) ;
		}
	}

   @keyframes run2{
		0%{
			transform:translateX(-600px);
		}

		100%{
			transform:translateX(2000px);
		}
   }
      立即下载 ( 文件大小:0.37 M)

    浏览器兼容性

    1. IE 9
    2. Mozilla Firefox
    3. Google Chrome
    4. Oper
    5. Safari

    技术讨论区

    1. 请先登录

        发 布

    键盘快捷键: 上一个 下一个