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

Tạo hiệu ứng inset cho văn bản bằng CSS3

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 inset tuyệt đẹp cho văn bản bằng CSS3

Phần định nghĩa CSS

.inset 
  {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;  
    box-sizing: content-box;  
    border: none;  
    font: normal 34px/1 "Aldrich", Helvetica, sans-serif;  color: rgba(184,249,4,1);  
    text-align: center;  
    text-transform: normal;  
    -o-text-overflow: clip;  
    text-overflow: clip;  
    white-space: pre;  
    text-shadow: 1px 1px 0 rgba(140,140,140,0.6) , -1px -1px 1px rgba(0,0,0,0.67) ;
 }

  body {
    background-image:url(bg_1.png); 
    background-repeat:repeat
}

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