Học web chuẩn hocwebchuan.com

  • Trang chủ
  • Hướng dẫn học

    • Hướng dẫn học XHTML & HTML5
    • Hướng dẫn học CSS
    • Hướng dẫn học CSS3
    • Hướng dẫn học Responsive
    • Hướng dẫn học ES6
    • Hướng dẫn học React.js
    • Hướng dẫn học jQuery
    • Hướng dẫn học PHP
    • Hướng dẫn học Laravel
    • Hướng dẫn học Webpack
    • Hướng dẫn học SCSS
    • Hướng dẫn học htaccess
  • Bài tập

    • Bài tập XHTML & HTML5 cơ bản
    • Bài tập XHTML & HTML5 nâng cao
    • Bài tập CSS & CSS3 cơ bản
    • Bài tập CSS & CSS3 nâng cao
    • Bài tập jQuery
  • Tham khảo

    • Tham khảo HTML4/XHTML
    • Tham khảo HTML5
    • Tham khảo CSS
    • Tham khảo CSS3
    • Tham khảo jQuery
  • Chuyên đề

    • Chuyên đề HTML/CSS
      • Block list
      • List
      • Navigation
      • Pagenation
      • Paragraph
      • Table
      • Tiêu đề
    • Chuyên đề HTML5/CSS3
      • Border radius
      • Box hover
      • Box shadow
      • Loading
    • Chuyên đề jQuery/JS
      • Form
      • Layout
    • jQuery/JS plugin
      • BiggerLink
      • Fixheight
      • Pie
      • Pop up
      • Tab
      • Tooltips
  • Công cụ hỗ trợ

    • CSS3 Generator
      • Background-gradient
      • Background transparence
      • Boder-radius
      • Box-shadow
      • Flex box
      • Transform
      • Transform 3D
      • Mutiple column
      • Text-shadow
      • Text editor
    • Generator Tools
      • Block float generator
      • Block float percent generator
      • Text dummy paragraph (Lorem Ipsum)
      • Text dummy list (Lorem Ipsum)
      • Image dummy generator
      • QR Code generator
    • Web Tools
      • Đếm ký tự (count characters)
      • Đếm từ (count words)
      • Chuyển đổi ký tự đặc biệt
      • Có dấu thành không dấu
      • Loại bỏ code html
      • Công cụ tính toán (Caculator tools)
      • Chuyển đổi image thành WebP
    • Random Tools
      • Random word
      • Random number
      • Random list
      • Random group
      • Random password
    • Công cụ test responsive
    • Chia sẻ web & tools hay

Search Submit

Chuyên đề

  • Trang chủ
  • Chuyên đề

HỌC WEB CHUẨN

HƯỚNG DẪN HỌC

  • Hướng dẫn học
  • Hướng dẫn học XHTML & HTML5
  • Hướng dẫn học CSS
  • Hướng dẫn học CSS3
  • Hướng dẫn học Responsive
  • Hướng dẫn học ES6
  • Hướng dẫn học React.js
  • Hướng dẫn học jQuery
  • Hướng dẫn học PHP
  • Hướng dẫn học Laravel
  • Hướng dẫn học Wordpress
  • Hướng dẫn học Webpack
  • Hướng dẫn học SCSS

THAM KHẢO

  • Tham khảo
  • Tham khảo HTML4/XHTML
  • Tham khảo HTML5
  • Tham khảo CSS
  • Tham khảo CSS3
  • Tham khảo jQuery

CHUYÊN ĐỀ

Chuyên đề

  • Chuyên đề HTML/CSS (43)
    • Block list (6)
    • List (5)
    • Navigation (5)
    • Pagenation (6)
    • Paragraph (8)
    • Table (7)
    • Tiêu đề (6)
  • Chuyên đề HTML5/CSS3 (20)
    • Border radius (7)
    • Box hover (5)
    • Box shadow (4)
    • Loading (4)
  • Chuyên đề jQuery / JS (15)
    • Form (6)
    • Layout (9)
  • jQuery/JS plugin (16)
    • BiggerLink (3)
    • Fixheight (2)
    • Pie (4)
    • Pop up (3)
    • Tab (2)
    • Tooltips (2)

Nội dung mới nhất

  • Áp dụng thực tế hiệu ứng loading
  • Box hover 2 image
  • Box hover fade
  • box hover slide element
  • Box hover chuyển động thành phần
  • Box hover scale image
  • Loading syle css3 – circle 02
  • Loading syle css3 – circle
  • Loading style css3 – square
  • Box-shadow sử dụng khi hover

Liên kết nhanh

add align biggerlink Block list Border radius box-shadow box hover css3 fixheight form jQuery layout list loading Navigation pa Pagenation paragraph Pie popup tab Table tiêu đề tooltips

GÓP Ý - LIÊN HỆ

  • CÔNG CỤ TẠO CSS3
    CSS3 GENERATOR
  • BỘ CÔNG CỤ
    GENERATOR TOOLS
  • CÔNG CỤ HỖ TRỢ
    WEB TOOLS
  • CÔNG CỤ TẠO RANDOM
    RANDOM GENERATOR
  • CÔNG CỤ KIỂM TRA RESPONSIVE TEST
  • CHIA SẺ HAY
    WEB & TOOLS
  • Follow us on hocwebchuan.com
  • Short URL
  • Rabbie theme

Category: Box shadow

Box-shadow sử dụng khi hover

Box-shadow sử dụng khi hover

Box shadow, Chuyên đề HTML5/CSS3Tags box-shadow | Gửi bình luận

Xử lý box-shadow khi hover, hiện nay rất nhiều style sử dụng kiểu hover này, dễ sử dụng nhưng hiệu quả lại rất đẹp.

Chi tiết

Box-shadow cho hình tròn

Box-shadow cho hình tròn

Box shadowTags box-shadow | Gửi bình luận

Sử dụng box-shadow cho thành phần hình tròn sẽ giúp cho thành phần đẹp hơn, chúng ta có thể chọn shadow ngoài hay trong bằng cách thêm giá trị inset.

Chi tiết

Box-shadow 3D style

Box-shadow 3D style

Box shadowTags box-shadow | Gửi bình luận

Thử một vài giá trị box-shadow khác nhau để thành phần có nhiều dạng phong phú, nếu biết điều chỉnh hợp lý chúng ta sẽ dễ dàng tạo được dạng như mong muốn.

Chi tiết

Box-shadow với đoạn văn

Box-shadow với đoạn văn

Box shadowTags box-shadow | Gửi bình luận

Sử dụng box-shadow cho đoạn văn bản đơn giản, tạo shadow cho thành phần thay thế cho cách làm truyền thống là sử dụng background.

Chi tiết

  • Hướng dẫn học

    • Hướng dẫn học
    • Hướng dẫn HTML/XHTML
    • Hướng dẫn CSS
    • Hướng dẫn CSS3
    • Hướng dẫn học Responsive
    • Hướng dẫn PHP
    • Hướng dẫn Laravel
  • Tham khảo

    • Tham khảo HTML/XHTML
    • Tham khảo HTML5
    • Tham khảo CSS
    • Tham khảo CSS3
    • Tham khảo jQuery
  • Tham khảo Thêm

    • Lang codes
    • Font family
    • Mã ký tự
    • MIME
    • Thuộc tính tổng quát
  • Chuyên đề

    • Chuyên đề
    • Chuyên đề HTML/CSS
    • Chuyên đề HTML5/CSS3
    • Chuyên đề jQuery/JS
    • jQuery/JS plugin
  • Góp ý - Liên hệ

    Bản quyền - copyright

    Sitemap

  • W3C XHTML1.0
  • W3C CSS

©2012 Học Web Chuẩn All Rights Reserved.

  • Trang chủ
  • Giới thiệu
  • Góp ý - Liên hệ
  • Site map