aktueller Standort: Heim > Herunterladen > JS-Effekte > CSS3特效 > css3 animation transform鱼游动动画特效
css3 animation transform鱼游动动画特效
Klassifizieren: JS-Effekte / CSS3特效 | Veröffentlichkeitsdatum: 2018-01-19 | Besuche: 2268 |
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 wird die Elementpräsenz in jQuery für mit Append() erstellte Elemente überprüft?
- 2 Wichtige HTML- und CSS-Tricks zum Verzicht auf JavaScript
- 3 Listenabgleichsproblem
- 4 CSS ändern, während Sie mit Stimulus scrollen
- 5 So überprüfen Sie die Elementexistenz in jQuery nach der .append()-Methode
- 6 So erstellen Sie eine App für kollaboratives Zeichnen
- 7 „Dies“ in JavaScript-Objekten und -Funktionen verstehen.
- 8 Wie überprüfe ich die Elementexistenz mit jQuery nach der Verwendung von .append()?
- 9 Wie überprüfe ich die Existenz von Elementen, die durch .append() von jQuery mit dem richtigen Selektor erstellt wurden?
- 10 Von Null zum Helden: Erstellen Sie Reaktionsformulare mit Validierung mithilfe von React Hook Form und Yup
- 11 Ein nicht nutzloser Leitfaden für nachhaltige Websites
- 12 Wie lese und drucke ich die ersten N Zeilen einer Textdatei in Python?
- 13 What is the Purpose and Benefits of \"export default\" in ES6 for Module Unification?
- 14 Wie wäre es mit Biying Exchange?
- 15 Welchen Einfluss hat das Betriebssystem auf das Lesen der ersten N Zeilen einer Textdatei?
Neueste Tutorials
-
- 国外Web开发全栈课程全集
- 1576 2024-04-24
-
- Go语言实战之 GraphQL
- 1845 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 3267 2024-04-18
-
- python大神Mosh,零基础小白6小时完全入门
- 2794 2024-04-10
-
- MySQL 初学入门(mosh老师)
- 1707 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品课堂
- 2517 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属性实现两条游动追逐的鱼。