Question

我一直在使用w3.css和html，并使用w3.css div等构建了一个网页。该页面加载文本图像，使用淡入淡出和其他功能。

但是我注意到有些网站的图像从右侧加载（如转换） - 这可以通过w3.css来完成。

Answer 1

w3.css已经可以为内置元素设置动画。 https://www.w3schools.com/w3css/w3css_animate.asp

＆＃13;

<link href="https://www.w3schools.com/w3css/4/w3.css" rel="stylesheet"/>

<style>
.slower {
  -webkit-animation-duration: 2.5s !important;
  animation-duration: 2.5s!important;
}
</style>

<div class="w3-container">
  <h1 class="w3-center w3-animate-right">Animation is Fun!</h1>
</div>

<!-- Slower Animation by adding additional class with overwrite -->
<div class="w3-container">
  <h1 class="w3-center w3-animate-right slower">Animation is Fun!</h1>
</div>

＆＃13;

您还可以使用像animate.css这样的外部CSS动画库 https://daneden.github.io/animate.css/

如何使用css

1 个答案: