Um mit CSS einen großen Einblend-Animationseffekt auf einem Bild zu erzielen, können Sie versuchen, den folgenden Code auszuführen:
<html>
<head>
<style>
.animated {
background-image: url(/css/images/logo.png);
background-repeat: no-repeat;
background-position: left top;
padding-top:95px;
margin-bottom:60px;
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
</style>
</head>
<body>
<div id="animated-example" class="animated fadeInDown"></div>
<button onclick="myFunction()">Reload page</button>
<script>
function myFunction() {
location.reload();
}
</script>
</body>
</html>Das obige ist der detaillierte Inhalt vonAnimationseffekt mit CSS ausblenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
So stellen Sie den Browserverlauf auf dem Computer wieder her
So lösen Sie das Problem, dass der Ordner keine Sicherheitsoptionen hat
file_get_contents
So können Sie den Gasverbrauch nach der Zahlung wieder aufnehmen
Befehlstyp für den Linux-Neustart
BigDecimal-Methode zum Vergleichen von Größen
Die Initialisierungsroutine der Dynamic Link Library ist fehlgeschlagen
So ändern Sie die IP-Adresse
