我的以下代码有问题(见下文)。
<!DOCTYPE html>
<head>
<title>Duck</title>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel-"stylesheet" href="animate.css">
<!-- Tab Title -->
</head>
<body>
<div>
<div id = "header">
<img class = "duck animated zoomIn" src = "https://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg" />
</div>
<!-- Main Header -->
</div>
</body>
main.css 文件显示在这里
#header {
padding:10px 0 0 0 ;
}
img.duck {
margin-left: auto;
margin-right: auto;
display:block;
}
#page {
margin: 0px auto;
}
我正在使用 daneden animate.css 文件 ( https://daneden.github.io/animate.css/ ),它有一个充满动画的 CSS 文件 ( https://raw.githubusercontent.com/daneden/animate.css/master/animate.css )。
现在,鸭子位于页面中间,但没有动画。它根本不起作用。
有什么解决办法吗? 谢谢, 戴夫。
最佳答案
你错了
<link rel-"stylesheet" href="animate.min.css">
rel后面应该是=号
关于html - 图像的 CSS 动画问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33328346/