hi ~~ ♥ ต่อไปนี้เราจะมาทำภาพที่เรามีอยู่ให้สามารถขยายขนาดภาพขึ้นเมื่อชี้เม้าส์
กิ๊บเก๋มากเลย ^3^
F 3 ค้นหาโค้ดด้านล่าง
<style type="text/css">คัดลอกโค้ดด้านล่างไปวางใต้โค้ดข้างต้น
img {
outline: 2px solid #fff;
box-shadow: 0 0 6px #ccc;
margin: 3px 1px;
-webkit-transition: all .5s ease-in-out;
}
img:hover {
-webkit-transform: scale(1.1)
}
img.header:hover {
-webkit-transform: scale(1.0)
}
img.header {
margin-bottom:-60px;
outline:0;
box-shadow:0 0 0;
position:relative;
-webkit-animation-name:myfirst;
-webkit-animation-duration:2s;
-webkit-animation-timing-function:linear;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
}
แสดงตัวอย่าง&บันทึก
Credit : thisisme-aulia
ไม่มีความคิดเห็น:
แสดงความคิดเห็น
กฎและข้อตกลง
x ไม่อนุญาติให้โพสโฆษณา หรือคอมเม้นเชิงโปรโมทเว็บไซส์,สินค้า หรือการบริการต่างๆในบล็อกนี้ หากต้องการลงโฆษณากับทางบล็อก กรุณาติดต่อที่หน้า contact โดยตรง
x ไม่คอมเม้นเสียดสี เหยียดผู้อื่นให้เกิดความเสียหาย
x ไม่คอมเม้นด้วยคำที่ไม่สุภาพ
x หากไม่ปฏิบัติตามจะทำการลบคอมเม้นโดยทันที