current location: Home > Download > JS effects > CSS3 special effects > css3 animation transform fish swimming animation special effects
css3 animation transform fish swimming animation special effects
Classify: JS effects / CSS3 special effects | Release time: 2018-01-19 | visits: 2278 |
Download: 45 |
Latest Downloads
Fantasy Aquarium
Girls Frontline
Wings of Stars
Little Flower Fairy Fairy Paradise
Restaurant Cute Story
Shanhe Travel Exploration
Love and Producer
The most powerful brain 3
Odd Dust: Damila
Young Journey to the West 2
24 HoursReading Leaderboard
- 1 How Can I Achieve Concurrency with TCP Accept in Go’s Concurrency Model?
- 2 devbch6.dll - What is devbch6.dll?
- 3 How to Embed a PNG Image into a C Executable?
- 4 dfsr.dll - What is dfsr.dll?
- 5 How Can I Implement Auto-Increment with Grouping in MySQL 5.0?
- 6 How to Achieve MDC-Like Logging in GoLang?
- 7 How to Select the Top 3 Rows from Each Category in MySQL Without Analytic Functions?
- 8 How to Log HTTP Responses Without Modifying http.ResponseWriter?
- 9 Here are a few question-based titles based on your article, keeping the focus on overriding `!important` styles: * Can You Really Outsmart `!important` Styles? JavaScript Techniques to Override the U
- 10 How to Move the JMenuBar to the Mac OS X Screen Menu Bar and Avoid Blank Spaces?
- 11 dellepid.dll - What is dellepid.dll?
- 12 How to Create Copies of Derived Class Instances from Polymorphic Base Class Pointers: A Solution Using Virtual Clone Methods and CRTP
- 13 How to Retrieve a List of Database Schemas in MySQL Using Java JDBC?
- 14 dfformnt.dll - What is dfformnt.dll?
- 15 Can You Programmatically Clear Browser Cache for User Privacy?
Latest Tutorials
-
- Go language practical GraphQL
- 1911 2024-04-19
-
- 550W fan master learns JavaScript from scratch step by step
- 3331 2024-04-18
-
- Getting Started with MySQL (Teacher mosh)
- 1739 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--Ten days of quality class
- 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属性实现两条游动追逐的鱼。