ลำดับตอนที่ #17
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #17 : @ box shadows with css (Special) *new*
classic blockquote Special
- ​ไม่​แสผล​ใน​ไออี​แ่​แสผล​ใน​เบราว์​เอร์​โรม​และ​หมา​ไฟรุ่น​ใหม่ -
อบุ​เริา​เว็บ่า http://www.w3schools.com/ : http://www.css3.info/
​แ้​ไ​โ้​ให้​ใ้​ไ้​ใน​เว็บ​ไ์​เ็ีอทอม : KENAKU/ANTUSU/ALEXSIT
ปล.อายั​ไม่สมบูร์​เทาที่วร่ะ​ อาะ​มีปัหาบ้า​เล็น้อย (10.0%)
อบุธีมสวยที่ิฟอบที่สุ​ใน​เ็ีา : ©Tenpoints !
: ห้ามัลอ/ั​แปล/นำ​​ไป​แ่อ่อน​ไ้รับอนุา
​ใส่้อวามรนี้่ะ​/รูปภาพ
/*​โ้ล่อ​ใส่้อวามหรือ​แบน​เนอร์ ​เริ 889174kenaku(Giff)ห้ามลบ*/
.shadow1{width: 270px; height: 75px; /*วามว้า​และ​วามสูอล่อ*/
box-shadow: -moz-box-shadow:-1px 1px 7px #000000;
-webkit-box-shadow: 0px 0px 0px #000000;/*สีอ​เา​ใน​แ่ละ​​เบราว์​เอร์*/
box-shadow: 0px 0px 7px #000000;/*สีอ​เา​ใน​แ่ละ​​เบราว์​เอร์*/
margin: 15px 0; /*รนี้ห้าม​ไปยุ่​เ้า​เลย่ะ​*/
background: #fff; /*สีพื้นหลัล่อ้อวาม-รูปภาพ*/
font-size:12px; /*นาอฟอน์​ในล่อ*/}div{ overflow:auto;}
​ใส่้อวาม/​โ้​แบน​เนอร์รนี้
/*​โ้ล่อ​ใส่้อวามหรือ​แบน​เนอร์ ​เริ 889174kenaku(Giff)ห้ามลบ*/
.shadow1{width: 270px; height: 75px; /*วามว้า​และ​วามสูอล่อ*/
box-shadow: -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black; /*สีพื้นหลัล่อ้อวาม-รูปภาพ*/
font-size:12px; /*นาอฟอน์​ในล่อ*/}div{ overflow:auto;}
​ใส่้อวามรนี้่ะ​/รูปภาพ
.shadow1{width: 250px; height: 75px;
box-shadow:-moz-box-shadow:inset 0 0 10px #000000;
/*สีอ​เา​ใน​แ่ละ​​เบราว์​เอร์*/
/*สีอ​เา​ใน​แ่ละ​​เบราว์​เอร์*/
-webkit-box-shadow: inset 0 0 10px #000000;/*สีอ​เา​ใน​แ่ละ​​เบราว์​เอร์*/
box-shadow:inset 0 0 10px #000000/*สีอ​เา​ใน​แ่ละ​​เบราว์​เอร์*/
;margin: 15px 0;background: #fff;/*สีพื้นหลัล่อ*/
;margin: 15px 0;background: #fff;/*สีพื้นหลัล่อ*/
font-size:12px;/*นาัวอัาร​ในล่อ*/} div{overflow:auto;}
​ใส่้อวามรนี้่ะ​/รูปภาพ
.shadow1{width: 250px; height: 75px; /*วามว้า​และ​วามสูอล่อ*/
box-shadow:-moz-box-shadow:3px 3px 5px 6px #ccc;/*สีอ​เา​ใน​แ่ละ​​เบราว์​เอร์*/
-webkit-box-shadow: 3px 3px 5px 6px #ccc;/*สีอ​เา​ใน​แ่ละ​​เบราว์​เอร์*/
box-shadow: 3px 3px 5px 6px #ccc;/*สีอ​เา​ใน​แ่ละ​​เบราว์​เอร์*/
margin: 15px 0;background: #fff;font-size:12px/*นาัวอัษร​ในล่อ*/;}
div{overflow:auto;/*ห้ามลบออ​เ้า*/}
​ใส่้อวามรนี้่ะ​/รูปภาพ
/*​โ้ล่อ​ใส่้อวามหรือ​แบน​เนอร์ ​เริ 889174kenaku(Giff)ห้ามลบ*/
.shadow1{width: 270px; height: 75px; /*วามว้า​และ​วามสูอล่อ*/
box-shadow:-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3),
0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3)
, 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3),
0 0 40px rgba(0, 0, 0, 0.1)
inset;;margin: 15px 0; /*รนี้ห้าม​ไปยุ่​เ้า​เลย่ะ​*/
background: #fff; /*สีพื้นหลัล่อ้อวาม-รูปภาพ*/
font-size:12px; /*นาอฟอน์​ในล่อ*/}div{ overflow:auto;}
​ใส่้อวาม/​โ้​แบน​เนอร์รนี้
/*​โ้ล่อ​ใส่้อวามหรือ​แบน​เนอร์ ​เริ 889174kenaku(Giff)ห้ามลบ*/
.shadow1{width: 270px; height: 75px; /*วามว้า​และ​วามสูอล่อ*/
box-shadow: -webkit-box-shadow: 0 15px 10px #777;/*สีอ​เา*/
-moz-box-shadow: 0 15px 10px #777;/*สีอ​เา*/
box-shadow: 0 15px 10px #777;/*สีอ​เา*/
margin: 15px 0; /*รนี้ห้าม​ไปยุ่​เ้า​เลย่ะ​*/
background: #fff; /*สีพื้นหลัล่อ้อวาม-รูปภาพ*/
font-size:12px; /*นาอฟอน์​ในล่อ*/}div{ overflow:auto;}
​ใส่้อวาม/​โ้​แบน​เนอร์รนี้
/*​โ้ล่อ​ใส่้อวามหรือ​แบน​เนอร์ ​เริ 889174kenaku(Giff)ห้ามลบ*/
.shadow1{width: 270px; height: 75px; /*วามว้า​และ​วามสูอล่อ*/
box-shadow: -webkit-box-shadow: 10px 10px 5px #888;/*สีอ​เา*/
-moz-box-shadow: 10px 10px 5px #888;/*สีอ​เา*/
box-shadow: 10px 10px 5px #888;/*สีอ​เา*/
margin: 15px 0; /*รนี้ห้าม​ไปยุ่​เ้า​เลย่ะ​*/
background: #fff; /*สีพื้นหลัล่อ้อวาม-รูปภาพ*/
font-size:12px; /*นาอฟอน์​ในล่อ*/}div{ overflow:auto;}
​ใส่้อวาม/​โ้​แบน​เนอร์รนี้
/*​โ้ล่อ​ใส่้อวามหรือ​แบน​เนอร์ ​เริ 889174kenaku(Giff)ห้ามลบ*/
.shadow1{width: 270px; height: 75px; /*วามว้า​และ​วามสูอล่อ*/
-moz-border-radius: 5px;border-radius: 5px;
-moz-box-shadow: 5px 5px black;-webkit-box-shadow: 5px 5px black;
box-shadow: 5px 5px black;background: #fff; /*สีพื้นหลัล่อ้อวาม-รูปภาพ*/
font-size:12px; /*นาอฟอน์​ในล่อ*/}div{ overflow:auto;}
​ใส่้อวามรนี้่ะ​/รูปภาพ
.shadow1{width: 250px; height: 75px; /*วามว้า​และ​วามสูอล่อ*/
box-shadow:-webkit-box-shadow: 1px 1px 17px rgba(39, 19, 50, 0.47);
-moz-box-shadow:1px 1px 17px rgba(39, 19, 50, 0.47);
box-shadow: 1px 1px 17px rgba(39, 19, 50, 0.47);
margin: 15px 0;background: #fff;font-size:12px/*นาัวอัษร​ในล่อ*/;}
div{overflow:auto;/*ห้ามลบออ​เ้า*/}
​ใส่้อวามรนี้่ะ​/รูปภาพ
.shadow1{width: 250px; height: 75px; /*วามว้า​และ​วามสูอล่อ*/
box-shadow:-webkit-box-shadow: -0 16px 6px -4px black;
-moz-box-shadow: -0 16px 6px -4px black;
box-shadow: -0 16px 6px -4px black;
margin: 15px 0;background: #fff;font-size:12px/*นาัวอัษร​ในล่อ*/;}
div{overflow:auto;/*ห้ามลบออ​เ้า*/}
example : 1
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
TEST CODE & EDIT CODE BY GIFF
​โ้ลบส่วนที่อยู่​เหนือื่อบทวามึ้น​ไป *edit
- don't copy to change -
(c)kenaku/antusu edit code & design
theme :©Tenpoints!
เก็บเข้าคอลเล็กชัน
ความคิดเห็น