aktueller Standort: Heim > Herunterladen > JS-Effekte > CSS3特效 > css3 animation transform鱼游动动画特效
css3 animation transform鱼游动动画特效
Klassifizieren: JS-Effekte / CSS3特效 | Veröffentlichkeitsdatum: 2018-01-19 | Besuche: 2279 |
Herunterladen: 45 |
Neueste Downloads
Fantasy-Aquarium
Girls Frontline
Flügel der Sterne
Kleine Blumenfee, Feenparadies
Restaurant Cute Story
Shanhe Reiseerkundung
Liebe und Produzent
Das stärkste Gehirn 3
Odd Dust: Damila
Junge Reise in den Westen 2
24 StundenBestenliste lesen
- 1 Wie kann ich Parallelität mit TCP Accept im Parallelitätsmodell von Go erreichen?
- 2 devbch6.dll - Was ist devbch6.dll?
- 3 Wie bette ich ein PNG-Bild in eine ausführbare C-Datei ein?
- 4 dfsr.dll - Was ist dfsr.dll?
- 5 Wie kann ich die automatische Inkrementierung mit Gruppierung in MySQL 5.0 implementieren?
- 6 Wie erreicht man eine MDC-ähnliche Protokollierung in GoLang?
- 7 Wie wähle ich die obersten drei Zeilen aus jeder Kategorie in MySQL ohne Analysefunktionen aus?
- 8 Wie protokolliere ich HTTP-Antworten, ohne http.ResponseWriter zu ändern?
- 9 Hier sind ein paar fragenbasierte Titel, die auf Ihrem Artikel basieren und sich auf das Überschreiben von „!important“-Stilen konzentrieren: * Können Sie „!important“-Stile wirklich überlisten? JavaScript-Techniken zum Überschreiben des U
- 10 Wie verschiebe ich die JMenuBar in die Menüleiste des Mac OS X-Bildschirms und vermeide Leerzeichen?
- 11 dellepid.dll - Was ist dellepid.dll?
- 12 So erstellen Sie Kopien abgeleiteter Klasseninstanzen aus polymorphen Basisklassenzeigern: Eine Lösung mit virtuellen Klonmethoden und CRTP
- 13 Wie rufe ich mit Java JDBC eine Liste von Datenbankschemata in MySQL ab?
- 14 dfformnt.dll - Was ist dfformnt.dll?
- 15 Können Sie den Browser-Cache programmgesteuert löschen, um die Privatsphäre der Benutzer zu schützen?
Neueste Tutorials
-
- 国外Web开发全栈课程全集
- 1638 2024-04-24
-
- Go语言实战之 GraphQL
- 1912 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 3333 2024-04-18
-
- python大神Mosh,零基础小白6小时完全入门
- 2865 2024-04-10
-
- MySQL 初学入门(mosh老师)
- 1739 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品课堂
- 2549 2024-03-29
<head lang="en">
<meta charset="UTF-8">
<title>css3 animation transform鱼游动特效</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<style>
body{
background-color: lightblue;
overflow:hidden;
}
.fishbox{
width: 200px;
height: 200px;
/*background-color: rgba(0,0,0,0.4);*/
position: absolute;
left:0;
top:0;
animation: run 20s linear infinite;
animation-direction: normal;
}
.fish{
width: 174px;
height: 126px;
position: absolute;
left:35%;
top:0;
background:url(image/fish8.png) no-repeat left top;
/*transition:all 0.8s steps(8) ;*/
animation:active1 0.8s steps(8) infinite;
这是一款基于css3 animation transform属性制作的鱼游动动画特效,用background-position属性实现两条游动追逐的鱼。