当前位置：网站首页>Use use use

Use use use

2022-04-22 07:43:00 【nknmn_】

How to use animation (animate.css The demo )

<head>
    <link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.compat.css" rel="stylesheet">
    <style>
     .myElement{
         display: inline-block;
         animation:animationName  1s linear infinite;/*animation-name、animation-duration、animation-timing-function、animation-iteration-count*/
     }
    </style>
</head>
<body>
        <div class="myElement"> Text to be animated </div> 
</body>

How to use iconfont

With png Download format to local folder , Direct reference

<img class="icon" src="./images/a.png" alt="">

introduce iconfont Of css file

 
<head>
        <!-- 1.  introduce iconfont Of css file  -->
<link rel="stylesheet" href="https://at.alicdn.com/t/font_2921713_whk789c0fj.css?spm=a313x.7781069.1998910419.62&file=font_2921713_whk789c0fj.css">

</head>
<body>
                  <!-- 2 call  -->
    <div class="iconfont icon-avocado-01"></div>  <!--class="iconfont iconfont The class name of the icon "-->
</body>