为啥我这的animate没效果?

为啥我这的animate没效果?

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<link rel="stylesheet" type="text/css" href="css/animate.css-4.1.1/animate.min.css"/>

<style>

div{

width: 200px;

height: 200px;

margin: 100px auto;

background-color: red;

}

</style>

</head>

<body>

<div class=" animate__backInLeft"></div>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,animate没效果是因为同学使用animate插件的步骤不完整,第一步引入animate.css文件之后,在使用时需要给指定的元素加上指定的动画样式名,其中第一个animated是必须添加的样式名,第二个是指定的动画样式名,同学的代码中没有指定animated,建议参考如下修改:

http://img1.sycdn.imooc.com//climg/607155ee094fe66b06680175.jpg

祝学习愉快!



问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师