Tất cả bài viết | CSS3

Tạo hiệu ứng bóng đổ cho văn bản bằng CSS3 (Phần 1)

Trong bài học thiết kế web này các Bạn sẽ được hướng dẫn cách tạo hiệu ứng bóng đổ cho văn bản bằng CSS3

Phần định nghĩa CSS

.shadowtext {  
    -webkit-box-sizing:content-box;  
    -moz-box-sizing: content-box;  
    box-sizing: content-box;  
    border: none;  
    font: normal normal 900 34px/normal "Aldrich", Helvetica, sans-serif;  
    color: rgba(247,22,2,1);  
    text-align: center;  
    -o-text-overflow: clip;  
    text-overflow: clip;  
text-shadow: 0 1px 0 rgba(209,204,186,1) , -1px 0 0 rgb(205,210,213) , -1px 2px 0 rgb(128,141,147) , -2px 1px 0 rgb(205,210,213) , -2px 3px 0 rgb(128,141,147) , -3px 2px 0 rgb(205,210,213) , -3px 4px 0 rgb(128,141,147) , -4px 3px 0 rgb(205,210,213) , -4px 5px 0 rgb(128,141,147) , -5px 4px 0 rgb(205,210,213) , -5px 6px 0 rgb(128,141,147) , -6px 5px 0 rgb(205,210,213) , -6px 7px 0 rgb(128,141,147) , -7px 6px 0 rgb(205,210,213) , -7px 8px 0 rgb(128,141,147) , -8px 7px 0 rgb(205,210,213) ;

}

body 
{
  background-color:#D7F7FC
}

Phần định nghĩa HTML

Thay đổi font chữ Google tại đây

http://www.google.com/fonts

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