zoukankan      html  css  js  c++  java
  • 动画效果animate.css

    制作文字动画效果   样式挺多

    1、从官网下载

      https://raw.github.com/daneden/animate.css/master/animate.css  下载文件,在项目中引入

    2.直接在项目中引入

     <link rel="stylesheet" href="https://unpkg.com/animate.css@3.5.2/animate.min.css">

    使用的话直接在标签中插入class属性 ,并且能够自定义效果延迟时间,运行时间,播放次数

    animated    效果名字   delay-3s(延迟3s)

    >全部效果查询<

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<!-- <link rel="stylesheet" href="https://unpkg.com/animate.css@3.5.2/animate.min.css"> -->
    		<link rel="stylesheet" type="text/css" href="animate.css"/>
    		<style>
    			/* 自定义效果的各个设置  再添加到标签中 */
    			.element{
    				animation-duration:5s;/* 播放时长 */
    				animation-delay:2s;/* 播放延迟时间 */
    				animation-iteration-count: infinite;/* 无限循环 如要设置次数,将infinite用数字代替 */
    			}
    		</style>
    	</head>
    	<body>
    		<!-- animated   效果名字 -->
    		<div class="animated flash element">
    			hello world
    		</div>
    	</body>
    </html>
    
  • 相关阅读:
    字段操作
    数据操作
    表操作
    数据库操作
    如何连接mysql
    mysql新增用户和修改用户密码
    表和库和服务器的关系
    MySql的复合类型
    yum软件源
    常用正则表达式
  • 原文地址:https://www.cnblogs.com/kingjordan/p/12027012.html
Copyright © 2011-2022 走看看