TAILIEUCHUNG - Đổ bóng với thuộc tính box-shadow của CSS3

Thuộc tính mới "box-shadow" của CSS3 là một trong những thuộc tính khá hữu dụng và được sử dụng nhiều trong quá trình viết CSS. Với thuộc tính này bạn có thể tạo cho các thành phần trong website của mình hiệu ứng bóng đổ đẹp mắt. Tuy nhiên thuộc tính này không được hỗ trợ trên toàn bộ các trình duyệt hiện tại, thuộc tính này chỉ được hỗ trợ từ Safari 3+, Firefox (Alpha), Chrome, Opera và IE 9+ | Đổ bóng với thuộc tính box-shadow của CSS3 Thuộc tính mới box-shadow của CSS3 là một trong những thuộc tính khá hữu dụng và được sử dụng nhiều trong quá trình viết CSS. Với thuộc tính này bạn có thể tạo cho các thành phần trong website của mình hiệu ứng bóng đổ đẹp mắt. Tuy nhiên thuộc tính này không được hỗ trợ trên toàn bộ các trình duyệt hiện tại thuộc tính này chỉ được hỗ trợ từ Safari 3 Firefox Alpha Chrome Opera và IE 9 . Tùy theo ý tưởng của mình mà các bạn có thể điều chỉnh thông số sao cho phù hợp để có được hiệu ứng đẹp mắt như mong muốn. Khi làm việc với thuộc tính này thì các bạn cần chú ý 3 thông số chính như sau Ví dụ yourdiv box-shadow thamso1 thamso2 thamso3 mau 1. thamsol Bóng đổ theo chiều ngang nghĩa là phần bóng đổ sẽ lệch về phía phải của đối tượng. giá trị dương thì lệch sang phải giá trị âm lệch sang trái 2. thamso2 Bóng đổ theo chiều dọc nghĩa là phần bóng đổ sẽ lệch về phía dưới của đối tượng. giá trị dương thì lệch xuống dưới giá trị âm lệch lên trên 3. thamso3 Độ rộng hay còn gọi là độ dày của bóng đổ. 4. màu Màu sắc của phần bóng đổ. Một vài ví dụ yourdiv background eee box-shadow 5px 5px 5px 666 -moz-box-shadow 5px 5px 5px 666 -webkit-box-shadow 5px 5px 5px 666 margin-right 5px padding 20px Với đoạn code trên thì bóng đô sẽ lệch sang bên phải và xuông dưới vì thamsol và thamso2 dương. view sourceprint yourdiv background eee box-shadow -5px -5px 5px 666 -moz-box-shadow -5px -5px 5px 666 -webkit-box-shadow -5px -5px 5px 666 margin-right 5px padding 20px Khi thamsol và thamso2 âm thì chúng ta sẽ được bóng đô như dưới đây. Chú ý Các trình duyệt hộ trợ thuộc tính này Opera và IE9 trở lên .

• Quản trị mạng
• Giáo trình
• giáo án
• dạy học mẫu giáo
• dạy học mầm non
• dạy học trung học
• dạy học phổ thông
• dạy học cao đẳng đại học
• công nghệ thông tin
• đại học từ xa
• Giáo trình Xây trát láng
• Giáo trình Vật liệu xây dựng
• Giáo trình Vận chuyển vật liệu
• Giáo trình Trộn vữa
• Giáo trình Xây gạch
• Giáo trình Trát láng
• Giáo trình sơ cấp nghề xây dựng
• Chương trình giáo dục đại học
• Giáo trình giáo dục đại học
• Giáo dục đại học
• Tiểu luận giáo dục học
• Thuyết trình giáo dục đại học
• Giáo dục đại học Việt Nam
• Giáo dục đại học thế giới
• giáo trình tiếng Hàn
• giáo trình đại cương
• tài liệu học đại học
• giáo trình kinh tế
• giáo trình triết học
• giáo trình kinh tế vĩ mô
• giáo trình marketing
• giáo trình tiếng Hoa
• giáo trình tiếng Nhật
• Đội ngũ giáo viên tiểu học
• Trình độ đội ngũ giáo viên tiểu học
• Thực trạng trình độ giáo viên tiểu học
• Nâng cao trình độ giáo viên tiểu học
• Trình độ giáo viên tiểu học Phú Giáo
• Quản lý giáo dục tiểu học
• Đăng ký viết giáo trình
• Mẫu Đăng ký viết giáo trình
• Cách viết Đăng ký viết giáo trình
• Trình bày Đăng ký viết giáo trình
• Hình thức Đăng ký viết giáo trình
• Nội dung Đăng ký viết giáo trình
• Module Giáo dục thường xuyên
• Giáo dục thường xuyên
• Module Giáo dục thường xuyên 26
• Chương trình giáo dục pháp luật
• Chương trình giáo dục văn hóa xã hội
• Chương trình giáo dục sức khỏe
• Giáo trình Đại học
• Suy nghĩ về giáo trình Đại học
• Xây dựng giáo trình Đại học
• Việc xây dựng giáo trình Đại học
• Chất lượng giáo trình Đại học
• Nâng cao chất lượng giáo trình Đại học
• kinh nghiệm lập trình
• code lập trình
• kỹ thuật phần mềm
• chương trình lập trình
• lập trình máy tính
• giáo trình lập trình
• lập trình SQL
• giáo trình lập trình SQL
• tài liệu lập trình SQL
• ngôn ngữ lập trình SQL
• tự học lập trình SQL
• Giáo trình Ngôn ngữ lập trình C
• Giáo trình lập trình C
• Giáo trình Ngôn ngữ lập trình
• Ngôn ngữ lập trình C
• Lập trình C
• Ngôn ngữ lập trình