Home > Article > Web Front-end > Tutorial on animation special effects for imitating Tuniu Travel Network advertising

Tutorial on animation special effects for imitating Tuniu Travel Network advertising

php中世界最好的语言Original: 2017-11-29 15:04:521785browse

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!

Tutorial on animation special effects for imitating Tuniu Travel Network advertising

Related articles