I believe everyone has seen the advertisement of Tuniu Travel Network Animation Special effects. To be honest, I was really surprised when I saw it for the first time. CSS3 is used so superbly. Today I will bring you the imitation Tuniu Travel Network advertising animation special effects. hope it is of help to you.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title> css3途牛旅游网广告动画特效</title> <meta name="keywords" content="css3动画,css3,animation" /> <meta name="description" content="途牛旅游网css3广告动画特效代码。" /> <link href="images/style.css" rel="stylesheet"> </head> <body > <p > <p> <img src="images/yun1.png"> <img src="images/yun2.png"> <img src="images/yun3.png"> <img src="images/lu.png"> <img src="images/font1.png"> <img src="images/san.png"> <p> <a href="#tejia"><img src="images/1.png"></a> <a href="#app"><img src="images/2.png"></a> <a href="#duoren"><img src="images/3.png"></a> <a href="#shuaka"><img src="images/4.png"></a> </p> </p> </p> </body> </html>
I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to the php Chinese website Other related articles!
Related reading:
htmlSteps to achieve 3D suspension effect
Using H5 and CSS3 to create a full-screen background rotation tutorial
Tutorial on making p width adaptive
The above is the detailed content of Tutorial on animation special effects for imitating Tuniu Travel Network advertising. For more information, please follow other related articles on the PHP Chinese website!