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

Tutorial on animation special effects for imitating Tuniu Travel Network advertising

php中世界最好的语言
Release: 2017-11-29 15:04:52
Original
1803 people have browsed it

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>
Copy after login


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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template