Tất cả bài viết | Lập trình Jquery

Hướng dẫn tạo chữ lật bằng JQUERY

Phần định nghĩa HTML cho trang web

 
  
  Hướng dẫn cách tạo chữ lật bằng JQUERY 
  	 
   	 
    Khóa học Chuyên Viên Website Lành Nghề Online 
    
   	 
    Khóa học Thiết Kế Giao Diện Website Online 
    
   	 
    Khóa học Lập Trình PHP Cơ Bản Online 
    
   	 
    Khóa học Lập Trình HTML5, CSS3, RWD, JAVASCRIPT, BOOTSTRAP Online

Phần định nghĩa CSS cho trang web

html {      
height: 100%;    
}    
body {      
background: #f4eedf;      
padding: 0;      
text-align: center;
font-family:Arial;
position: relative;
margin: 0;
height: 100%;    
}
    
.wrapper {    	
height: auto !important;    	
height: 100%;    
	margin: 0 auto;    
	overflow: hidden;    
}
    
a {      
text-decoration: none;    
}

    
h1, h2 {      
width: 100%;     
 float: left;    
}    
h1 {      
margin-top: 10px;      
font-size: 46px;      
color: #555;      
margin-bottom: 5px;    
}    
h2 {      
color: #999;      
font-weight: 100;      
margin-top: 0;      
margin-bottom: 10px;    
}
       
.main {      
float: left;      
width: 100%;      
margin: 0 auto;    
}
    
.main h1 {      
padding:150px 50px;      
float: left;      
width: 100%;      
font-size: 45px;      
box-sizing: border-box;      
-webkit-box-sizing: border-box;      
-moz-box-sizing: border-box;      
font-weight: 100;      
color: white;      
margin: 0;    
}
    

.main > div {      
padding:150px 50px;      
float: left;      
width: 100%;      
font-size: 40px;      
box-sizing: border-box;      
-webkit-box-sizing: border-box;      
-moz-box-sizing: border-box;      
font-weight: 100;      
color: white;      
margin: 0;    
}
    
.main .demo1 {     
background: #1ABC9C;    
}    

.main .demo2 {     
 background: #e74c3c;    
}    
.main .demo3 {      
background: #e67e22;    
}    
.main .demo4 {      
background: #f1c40f;    
}    
.main .demo5 {      
background: #34495e;    
}       
h3 {      
margin-top: 0;    
}
    
h4 {      
margin: 0;      
margin-top: -50px;    
}

Phần định nghĩa JQUERY cho trang web

Xem demo Tải Code Đăng ký tham gia làm hội viên của kênh để được xem các bài học mới nhất