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 3)
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
.text_shadow {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: none;
font: normal normal 400 46px/normal "Oleo Script", Helvetica, sans-serif;
color: rgba(99,242,158,1);
text-align: center;
-o-text-overflow: clip;
text-overflow: clip;
text-shadow: -6px 3px 0 rgba(4,64,76,1) , -11px 7px 0 rgb(10,14,39) ;
-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;
}
.text_shadow:hover {
text-shadow: 6px 3px 0 rgba(4,64,76,1) , 11px 7px 0 rgb(10,14,39) ;
}
body {
background-color:#234c54
}
Phần định nghĩa HTML
hocwebgiare.com
Thay đổi font chữ Google tại đây
CSS3 Xem (2571) Học thiết kế web giá rẻ
