{"id":20223,"date":"2013-11-08T08:57:00","date_gmt":"2013-11-08T08:57:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/11\/08\/thuoc-tinh-box-shadow-trong-css3\/"},"modified":"2022-08-26T21:06:14","modified_gmt":"2022-08-26T14:06:14","slug":"box-shadow-css3","status":"publish","type":"post","link":"https:\/\/kiencang.net\/box-shadow-css3\/","title":{"rendered":"Thu\u1ed9c t\u00ednh box-shadow trong CSS3"},"content":{"rendered":"\n<div style=\"background-color: yellow; box-shadow: #444444 30px 20px 10px -10px; height: 100px; margin: 0 auto; text-align: center; width: 200px;\">&nbsp;<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p><strong>Box-shadow<\/strong>&nbsp;l\u00e0 thu\u1ed9c t\u00ednh m\u1edbi trong CSS, n\u1eb1m trong phi\u00ean b\u1ea3n CSS3. N\u00f3 c\u00f3 t\u00e1c d\u1ee5ng t\u1ea1o b\u00f3ng cho h\u1ed9p (xem th\u00eam&nbsp;<a href=\"https:\/\/kiencang.net\/mo-hinh-hop-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">m\u00f4 h\u00ecnh h\u1ed9p trong CSS<\/a>).<\/p>\n\n\n\n<p>V\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div\n{width:300px;\nheight:150px;\nbackground-color:red;\nbox-shadow: 20px 10px;\n}<\/code><\/pre>\n\n\n\n<p>K\u1ebft qu\u1ea3:<\/p>\n\n\n\n<div style=\"background-color: red; box-shadow: 20px 10px; height: 150px; margin: 20px; width: 300px;\">&nbsp;<\/div>\n\n\n\n<p>Khi s\u1eed d\u1ee5ng box-shadow c\u00f3 m\u1ed9t s\u1ed1 l\u01b0u \u00fd sau:<\/p>\n\n\n\n<ul><li>B\u00f3ng l\u00e0 m\u1ed9t h\u1ed9p c\u00f3 k\u00edch th\u01b0\u1edbc t\u01b0\u01a1ng t\u1ef1 h\u1ed9p ban \u0111\u1ea7u;<\/li><li>M\u00e0u s\u1eafc m\u1eb7c \u0111\u1ecbnh c\u1ee7a b\u00f3ng l\u00e0 \u0111en (m\u00e3 m\u00e0u: #000000);<\/li><li><b>box-shadow: 20px 10px; <\/b>quy \u0111\u1ecbnh \u0111\u1ed9 d\u1ecbch chuy\u1ec3n c\u1ee7a b\u00f3ng so v\u1edbi v\u1ecb tr\u00ed g\u1ed1c, theo \u0111\u00f3 gi\u00e1 tr\u1ecb \u0111\u1ea7u l\u00e0 d\u1ecbch chuy\u1ec3n theo chi\u1ec1u ngang (20px), gi\u00e1 tr\u1ecb ti\u1ebfp theo l\u00e0 d\u1ecdc (10px);<\/li><\/ul>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 \u0111\u1eb7t&nbsp;gi\u00e1 tr\u1ecb \u00e2m&nbsp;cho \u0111\u1ed9 d\u1ecbch chuy\u1ec3n, v\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div\n{width:300px;\nheight:150px;\nbackground-color:red;\nbox-shadow: 20px -10px;\n}<\/code><\/pre>\n\n\n\n<p>K\u1ebft qu\u1ea3:<\/p>\n\n\n\n<div style=\"background-color: red; box-shadow: 20px -10px; height: 150px; margin: 20px; width: 300px;\">&nbsp;<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\" role=\"button\"><label for=\"item-6577d734deaaa\" ><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d734deaaa\"  type=\"checkbox\" id=\"item-6577d734deaaa\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kiencang.net\/box-shadow-css3\/#1_Tao_do_mo_cho_bong\" title=\"#1. T\u1ea1o \u0111\u1ed9 m\u1edd cho b\u00f3ng\">#1. T\u1ea1o \u0111\u1ed9 m\u1edd cho b\u00f3ng<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/box-shadow-css3\/#2_Thay_doi_do_lon_cua_bong\" title=\"#2. Thay \u0111\u1ed5i \u0111\u1ed9 l\u1edbn c\u1ee7a b\u00f3ng\">#2. Thay \u0111\u1ed5i \u0111\u1ed9 l\u1edbn c\u1ee7a b\u00f3ng<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/box-shadow-css3\/#3_Thay_doi_mau_cho_bong\" title=\"#3. Thay \u0111\u1ed5i m\u00e0u cho b\u00f3ng\">#3. Thay \u0111\u1ed5i m\u00e0u cho b\u00f3ng<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/box-shadow-css3\/#4_Bong_do_ngay_ben_trong_hop\" title=\"#4. B\u00f3ng \u0111\u1ed5 ngay b\u00ean trong h\u1ed9p\">#4. B\u00f3ng \u0111\u1ed5 ngay b\u00ean trong h\u1ed9p<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kiencang.net\/box-shadow-css3\/#5_Dieu_gi_xay_ra_khi_do_bong_cho_hinh_tron\" title=\"#5. \u0110i\u1ec1u g\u00ec x\u1ea9y ra khi \u0111\u1ed5 b\u00f3ng cho h\u00ecnh tr\u00f2n\">#5. \u0110i\u1ec1u g\u00ec x\u1ea9y ra khi \u0111\u1ed5 b\u00f3ng cho h\u00ecnh tr\u00f2n<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Tao_do_mo_cho_bong\"><\/span>#1. T\u1ea1o \u0111\u1ed9 m\u1edd cho b\u00f3ng<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110\u00e3 l\u00e0 b\u00f3ng th\u00ec n\u00f3 th\u01b0\u1eddng m\u1edd (blur) h\u01a1n v\u1eadt ch\u1ee7, \u0111\u1ec3 b\u1ed5 sung \u0111\u1ed9 m\u1edd cho b\u00f3ng, ta th\u00eam gi\u00e1 tr\u1ecb n\u1eefa \u0111\u1eb1ng sau, v\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div\n{width:300px;\nheight:150px;\nbackground-color:red;\nbox-shadow: 20px 10px 10px;\n}<\/code><\/pre>\n\n\n\n<p>K\u1ebft qu\u1ea3:<\/p>\n\n\n\n<div style=\"background-color: red; box-shadow: 20px 10px 10px; height: 150px; margin: 30px; width: 300px;\">&nbsp;<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Thay_doi_do_lon_cua_bong\"><\/span>#2. Thay \u0111\u1ed5i \u0111\u1ed9 l\u1edbn c\u1ee7a b\u00f3ng<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110\u1ec3 thay \u0111\u1ed5i \u0111\u1ed9 l\u1edbn c\u1ee7a b\u00f3ng, b\u1ea1n th\u00eam ti\u1ebfp gi\u00e1 tr\u1ecb v\u00e0o \u0111\u1eb1ng sau \u0111\u1ed9 m\u1edd, v\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div\n{width:300px;\nheight:150px;\nbackground-color:red;\nbox-shadow: 30px 20px 10px -10px;\n}<\/code><\/pre>\n\n\n\n<div style=\"background-color: red; box-shadow: 30px 20px 10px -10px; height: 150px; margin: 30px; width: 300px;\">&nbsp;<\/div>\n\n\n\n<p>V\u1edbi gi\u00e1 tr\u1ecb <b>-10px; <\/b>k\u00edch th\u01b0\u1edbc b\u00f3ng s\u1ebd gi\u1ea3m \u0111i 10px c\u1ea3 2 chi\u1ec1u so v\u1edbi k\u00edch th\u01b0\u1edbc g\u1ed1c, ngh\u0129a l\u00e0 l\u00fac n\u00e0y, b\u00f3ng r\u1ed9ng 290px = [300px &#8211; 10px] v\u00e0 cao 140px = [150px &#8211; 10px];<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Thay_doi_mau_cho_bong\"><\/span>#3. Thay \u0111\u1ed5i m\u00e0u cho b\u00f3ng<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110\u1ec3 quy \u0111\u1ecbnh m\u00e0u cho b\u00f3ng, b\u1ea1n th\u00eam m\u00e3 m\u00e0u v\u00e0o (xem th\u00eam:&nbsp;<a href=\"https:\/\/kiencang.net\/cac-cach-khai-bao-mau-sac-trong-css\/\">c\u00e1ch khai b\u00e1o m\u00e0u s\u1eafc trong CSS<\/a>), n\u00f3 n\u1eb1m \u1edf v\u1ecb tr\u00ed cu\u1ed1i c\u00f9ng, code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div\n{width:300px;\nheight:150px;\nbackground-color:red;\nbox-shadow: 30px 20px 10px -10px gray;\n}<\/code><\/pre>\n\n\n\n<p>K\u1ebft qu\u1ea3 l\u00e0 b\u00f3ng s\u1ebd c\u00f3 m\u00e0u x\u00e1m:<\/p>\n\n\n\n<div style=\"background-color: red; box-shadow: 30px 20px 10px -10px gray; height: 150px; margin: 30px; width: 300px;\">&nbsp;<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Bong_do_ngay_ben_trong_hop\"><\/span>#4. B\u00f3ng \u0111\u1ed5 ngay b\u00ean trong h\u1ed9p<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>T\u1eeb n\u00e3y \u0111\u1ebfn gi\u1edd ch\u00fang ta v\u1eabn ch\u1ec9 th\u1ef1c h\u00e0nh v\u1edbi b\u00f3ng b\u00ean ngo\u00e0i h\u1ed9p, nh\u01b0ng b\u00f3ng kh\u00f4ng ph\u1ea3i l\u00fac n\u00e0o c\u0169ng \u1edf b\u00ean ngo\u00e0i, \u0111\u00f4i khi ngay b\u00ean trong h\u1ed9p c\u0169ng c\u00f3 b\u00f3ng, \u0111\u1ec3 l\u00e0m \u0111i\u1ec1u n\u00e0y, ta d\u00f9ng gi\u00e1 tr\u1ecb inset:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div\n{width:300px;\nheight:150px;\nbackground-color:red;\nbox-shadow: 30px 20px 10px -10px pink inset;\n}<\/code><\/pre>\n\n\n\n<p>K\u1ebft qu\u1ea3:<\/p>\n\n\n\n<div style=\"background-color: red; box-shadow: 30px 20px 10px -10px pink inset; height: 150px; margin: 30px; width: 300px;\">&nbsp;<\/div>\n\n\n\n<p>M\u1ed9t v\u00e0i k\u1ebft qu\u1ea3 kh\u00e1c:<\/p>\n\n\n\n<div style=\"background-color: red; box-shadow: 30px 20px 20px 10px pink inset; height: 150px; margin: 30px; width: 300px;\">&nbsp;<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"background-color: red; box-shadow: 30px 20px 40px 30px pink inset; height: 150px; margin: 30px; width: 300px;\">&nbsp;<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"background-color: red; box-shadow: 30px 20px 60px 50px pink inset; height: 150px; margin: 30px; width: 300px;\">&nbsp;<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>C\u0169ng l\u00e0 \u0111\u1ed5 b\u00f3ng, nh\u01b0ng d\u00e0nh cho v\u0103n b\u1ea3n, b\u1ea1n d\u00f9ng <a href=\"https:\/\/kiencang.net\/thuoc-tinh-text-shadow-trong-css3\/\" target=\"_blank\" rel=\"noreferrer noopener\">thu\u1ed9c t\u00ednh text-shadow<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Dieu_gi_xay_ra_khi_do_bong_cho_hinh_tron\"><\/span>#5. \u0110i\u1ec1u g\u00ec x\u1ea9y ra khi \u0111\u1ed5 b\u00f3ng cho h\u00ecnh tr\u00f2n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u1ede m\u1ed9t b\u00e0i vi\u1ebft tr\u01b0\u1edbc \u0111\u00e2y t\u00f4i c\u00f3 n\u00f3i v\u1ec1&nbsp;<a href=\"https:\/\/kiencang.net\/code-bo-tron-anh-voi-css3\/\" target=\"_blank\" rel=\"noreferrer noopener\">code bo tr\u00f2n \u1ea3nh \u2013 c\u0169ng b\u1eb1ng CSS3<\/a>, gi\u1edd t\u00f4i s\u1ebd th\u1eed \u0111\u1ed5 b\u00f3ng cho b\u1ee9c \u1ea3nh h\u00ecnh tr\u00f2n n\u00e0y xem sao.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/cap-doi-hoan-canh.jpg\" width=\"200px\" height=\"200px\" style=\"border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; box-shadow: #444444 20px 20px 20px;\" title=\"B\u00f3ng cho \u0111\u1ed1i t\u01b0\u1ee3ng h\u00ecnh tr\u00f2n\" alt=\"B\u00f3ng cho \u0111\u1ed1i t\u01b0\u1ee3ng h\u00ecnh tr\u00f2n\"><\/figure><\/div>\n\n\n\n<p>Nh\u01b0 v\u1eady l\u00e0 kh\u00f4ng c\u00f3 v\u1ea5n \u0111\u1ec1 g\u00ec v\u1edbi vi\u1ec7c t\u1ea1o b\u00f3ng cho h\u00ecnh tr\u00f2n. N\u00f3 cho k\u1ebft qu\u1ea3 t\u01b0\u01a1ng t\u1ef1 nh\u01b0 h\u00ecnh ch\u1eef nh\u1eadt. Gi\u1edd t\u00f4i s\u1ebd ngh\u1ecbch th\u1eed m\u1ed9t ch\u00fat. T\u00f4i s\u1ebd t\u1ea1o h\u00e0o quang cho b\u1ee9c \u1ea3nh (n\u00f3i gh\u00ea v\u1eady ch\u1ee9 n\u00f3 c\u0169ng kh\u00f4ng gi\u1ed1ng h\u00e0o quang l\u1eafm), b\u00ed quy\u1ebft l\u00e0 ta kh\u00f4ng d\u1ecbch chuy\u1ec3n b\u00f3ng nh\u01b0ng l\u00e0m t\u0103ng blur c\u1ee7a n\u00f3 l\u00ean, \u0111i\u1ec1u \u0111\u00f3 t\u1ea1o \u1ea3o gi\u00e1c c\u00f3 v\u1eadt chi\u1ebfu s\u00e1ng \u0111\u1eb1ng sau b\u1ee9c \u1ea3nh:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/cap-doi-hoan-canh.jpg\" width=\"200px\" height=\"200px\" style=\"border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; box-shadow: blue 0px 0px 50px 0px;\" title=\"H\u00e0o quang cho \u1ea3nh\" alt=\"H\u00e0o quang cho \u1ea3nh\"><\/figure><\/div>\n\n\n\n<p>Hi\u1ec7u \u1ee9ng c\u0169ng kh\u00e1 \u0111\u1eb9p m\u1eaft, \u0111\u00e2y l\u00e0 code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"wp-block-image\"&gt;&lt;figure class=\"aligncenter size-large\"&gt;&lt;img src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/cap-doi-hoan-canh.jpg\" width=\"200px\" height=\"200px\" style=\"border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; box-shadow: blue 0px 0px 50px 0px;\" title=\"H\u00e0o quang cho \u1ea3nh\" alt=\"H\u00e0o quang cho \u1ea3nh\"&gt;&lt;\/figure&gt;&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<ul><li>Thay \u0111\u1ed5i gi\u00e1 tr\u1ecb <code>50px<\/code> \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh \u0111\u1ed9 r\u1ed9ng c\u1ee7a h\u00e0o quang.<\/li><li>Thay \u0111\u1ed5i <code>blue<\/code> sang m\u00e0u kh\u00e1c \u0111\u1ec3 \u0111\u1ed5i m\u00e0u h\u00e0o quang.<\/li><\/ul>\n\n\n\n<p>Li\u00ean quan \u0111\u1ebfn t\u1ea1o hi\u1ec7u \u1ee9ng cho \u1ea3nh b\u1eb1ng CSS, b\u1ea1n c\u00f3 th\u1ec3 th\u00edch \u0111\u1ecdc hai b\u00e0i vi\u1ebft sau:<\/p>\n\n\n\n<ul><li><a href=\"https:\/\/kiencang.net\/code-don-gian-zoom-anh-bang-css3\/\" target=\"_blank\" rel=\"noreferrer noopener\">Zoom \u1ea3nh b\u1eb1ng CSS3<\/a>;<\/li><li><a href=\"https:\/\/kiencang.net\/code-bo-tron-anh-voi-css3\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bo tr\u00f2n \u1ea3nh b\u1eb1ng CSS3<\/a>;<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Box-shadow&nbsp;l\u00e0 thu\u1ed9c t\u00ednh m\u1edbi trong CSS, n\u1eb1m trong phi\u00ean b\u1ea3n CSS3. N\u00f3 c\u00f3 t\u00e1c d\u1ee5ng t\u1ea1o b\u00f3ng cho h\u1ed9p (xem th\u00eam&nbsp;m\u00f4 h\u00ecnh h\u1ed9p trong CSS). V\u00ed d\u1ee5: K\u1ebft qu\u1ea3: &nbsp; Khi s\u1eed d\u1ee5ng box-shadow c\u00f3 m\u1ed9t s\u1ed1 l\u01b0u \u00fd sau: B\u00f3ng l\u00e0 m\u1ed9t h\u1ed9p c\u00f3 k\u00edch th\u01b0\u1edbc t\u01b0\u01a1ng t\u1ef1 h\u1ed9p ban \u0111\u1ea7u; M\u00e0u s\u1eafc &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[229],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Thu\u1ed9c t\u00ednh box-shadow trong CSS3 &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/box-shadow-css3\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Thu\u1ed9c t\u00ednh box-shadow trong CSS3 &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"&nbsp; Box-shadow&nbsp;l\u00e0 thu\u1ed9c t\u00ednh m\u1edbi trong CSS, n\u1eb1m trong phi\u00ean b\u1ea3n CSS3. N\u00f3 c\u00f3 t\u00e1c d\u1ee5ng t\u1ea1o b\u00f3ng cho h\u1ed9p (xem th\u00eam&nbsp;m\u00f4 h\u00ecnh h\u1ed9p trong CSS). V\u00ed d\u1ee5: K\u1ebft qu\u1ea3: &nbsp; Khi s\u1eed d\u1ee5ng box-shadow c\u00f3 m\u1ed9t s\u1ed1 l\u01b0u \u00fd sau: B\u00f3ng l\u00e0 m\u1ed9t h\u1ed9p c\u00f3 k\u00edch th\u01b0\u1edbc t\u01b0\u01a1ng t\u1ef1 h\u1ed9p ban \u0111\u1ea7u; M\u00e0u s\u1eafc &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/box-shadow-css3\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-08T08:57:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-26T14:06:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/cap-doi-hoan-canh.jpg\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Thu\u1ed9c t\u00ednh box-shadow trong CSS3 &#8226; Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/box-shadow-css3\/","og_locale":"vi_VN","og_type":"article","og_title":"Thu\u1ed9c t\u00ednh box-shadow trong CSS3 &#8226; Ki\u1ebfn c\u00e0ng","og_description":"&nbsp; Box-shadow&nbsp;l\u00e0 thu\u1ed9c t\u00ednh m\u1edbi trong CSS, n\u1eb1m trong phi\u00ean b\u1ea3n CSS3. N\u00f3 c\u00f3 t\u00e1c d\u1ee5ng t\u1ea1o b\u00f3ng cho h\u1ed9p (xem th\u00eam&nbsp;m\u00f4 h\u00ecnh h\u1ed9p trong CSS). V\u00ed d\u1ee5: K\u1ebft qu\u1ea3: &nbsp; Khi s\u1eed d\u1ee5ng box-shadow c\u00f3 m\u1ed9t s\u1ed1 l\u01b0u \u00fd sau: B\u00f3ng l\u00e0 m\u1ed9t h\u1ed9p c\u00f3 k\u00edch th\u01b0\u1edbc t\u01b0\u01a1ng t\u1ef1 h\u1ed9p ban \u0111\u1ea7u; M\u00e0u s\u1eafc &hellip;","og_url":"https:\/\/kiencang.net\/box-shadow-css3\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2013-11-08T08:57:00+00:00","article_modified_time":"2022-08-26T14:06:14+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/cap-doi-hoan-canh.jpg"}],"author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"4 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/box-shadow-css3\/","url":"https:\/\/kiencang.net\/box-shadow-css3\/","name":"Thu\u1ed9c t\u00ednh box-shadow trong CSS3 &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2013-11-08T08:57:00+00:00","dateModified":"2022-08-26T14:06:14+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/box-shadow-css3\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/box-shadow-css3\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/box-shadow-css3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Thu\u1ed9c t\u00ednh box-shadow trong CSS3"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20223"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=20223"}],"version-history":[{"count":2,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20223\/revisions"}],"predecessor-version":[{"id":23174,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20223\/revisions\/23174"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=20223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=20223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=20223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}