Thứ Hai, 28 tháng 12, 2015

Tạo hiệu ứng ánh sáng khuếch tán cho văn bản bằng CSS3

Xây dựng website chuyên nghiệp

Với lớp học Chuyên viên website lành nghề Online

Thiết kế website với Adobe Dreamweaver CS3, CS4 & CC / Fireworks CS6 / Flash CS6

Thiết kế website động với PHP & MySQL / Javascript

Thiết kế website với HTML5, CSS3, BOOTSTRAP, JQUERY, AJAX

Thiết kế website động theo công nghệ RWD chạy được trên tất cả thiết bị: Desktop, iPad, iPhone, Smartphone, Tablet
Lập trình PHP chuyên nghiệp

Với lớp học Lập trình PHP cơ bản Online

Lập trình PHP

Lập trình MySQL

Lập trình Javascript

Lập trình PHP theo công nghệ RWD chạy được trên tất cả thiết bị: Desktop, iPad, iPhone, Smartphone, Tablet….
Thiết kế giao diện website chuyên nghiệp

Với lớp học Thiết kế giao diện website Online

Thiết kế giao diện website với Fireworks CS6

Thiết kế giao diện website với Dreamweaver CS4 & CC & Flash CS6

Thiết kế giao diện website với HTML5, CSS3, BOOTSTRAP, JQUERY, JAVASCRIPT

Thiết kế theo công nghệ RWD chạy được trên tất cả thiết bị Desktop, iPad, iPhone, Smartphone, Tablet….
Lập trình HTML5/CSS3/RWD/JS/BOOTSTRAP

Chuyên nghiệp với lớp học Lập trình HTML5/CSS3/RWD/JS/BOOTSTRAP Online

Lập trình HTML5 & CSS3

Lập trình BOOTSTRAP

Lập trình Javascript

Lập trình theo công nghệ RWD chạy được trên tất cả thiết bị: Desktop, iPad, iPhone, Smartphone, Tablet….

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

Tạo hiệu ứng ánh sáng khuếch tán cho văn bản bằng CSS3

Phần định nghĩa CSS

.diffuselight 
{  
-webkit-box-sizing: content-box;  
-moz-box-sizing: content-box;  
box-sizing: content-box;  
border: none;  
font: normal 50px/normal "Calligraffitti", Helvetica, sans-serif;  
color: rgba(255,255,255,1);  
text-align: center;  
-o-text-overflow: clip;  
text-overflow: clip;  
text-shadow: 0 15px 29px rgba(0,0,0,0.0980392) , 10px 20px 5px rgba(0,0,0,0.0470588) , -10px 20px 5px rgba(0,0,0,0.0470588) ;  
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;  
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;  
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}

.diffuselight:hover 
{  
text-shadow: 0 -15px 29px rgba(0,0,0,0.0980392) , 10px -20px 5px rgba(0,0,0,0.0470588) , -10px -20px 5px rgba(0,0,0,0.0470588) ;
}

body 
{
  background-color:#08D3AA
}

Phần định nghĩa HTML

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

http://www.google.com/fonts

Xem demo Download

15/04/2015 7:00 AM CSS3 Xem (413) Nguyễn Phát Tài