ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 6 CSS3 2D Transforms ตอน 4
4.การพลิกวัตถุ
    transform:skew(x,y);  x คือ ตัวเลขในแนวนอน เป็นการพลิกวัตถุไปซ้ายหรือขวาตามแนวนอน   และ y คือตัวเลขในแนวตั้ง เป็นการพลิกวัตถุขึ้นบนหรือลงข้างล่าง ตามแนวตั้ง

<html>
<head>
<style> 
div
{width:100px;
height:75px;
background-color:pink;
border:1px solid black;}

div#div2
{transform:skew(30deg,20deg);
-ms-transform:skew(30deg,20deg); /* IE 9 */
-moz-transform:skew(20deg,10deg); /* Firefox */
-webkit-transform:skew(30deg,20deg); /* Safari and Chrome */
-o-transform:skew(30deg,20deg); /* Opera */}

</style>
</head>
<body>

<div>Hello. This is a DIV element.</div>

<div id="div2">Hello. This is a DIV element.</div>

</body>
</html>

ผลลัพธ์คือ

คำอธิบาย
   การใส่ค่าตัวเลขในตำแหน่ง (x ,y) ในคำสั่ง  transform:skew(x,y);   นี้หากใส่ค่าตัวเลขในตำแหน่ง x เป็นบวกวัตถุจะพลิกไปด้านซ้าย และถ้าใส่ค่าตัวเลขเป็นลบวัตถุจะพลิกไปด้านขวา  ส่วนการใส่ค่าตัวเลขในตำแหน่ง y ถ้าใส่เป็นบวกวัตถุจพลิกลงข้างล่าง แต่ถ้าใส่เป็นลบวัตถุจะพลิกขึ้นข้างบน

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
แหล่งท่องเที่ยวในจังหวัดสุพรรณบุรี
โดย numtan5839 จ 04 พ.ย. 2019 4:00 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
61
พ 06 พ.ย. 2019 2:36 pm โดย numtan5839
การสร้างปีภาษีสำหรับการบัญทึกบัญชี
โดย nnamfon.26 จ 04 พ.ย. 2019 3:36 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
22
จ 04 พ.ย. 2019 3:36 pm โดย nnamfon.26
รวมรายการลดหย่อนภาษี ปี 62 แค่วางแผนให้ดี ก็มีเงินเหลือแน่นอน!
โดย promotion จ 04 พ.ย. 2019 3:35 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
29
จ 04 พ.ย. 2019 3:35 pm โดย promotion
อยากทราบวิธีการส่งค่าเมนู ไปแสดงที่ part way ของ phpbb
โดย Ittichai_chupol จ 04 พ.ย. 2019 3:02 pm บอร์ด Programming - PHP
1
23
จ 04 พ.ย. 2019 3:09 pm โดย thatsawan
วิธีการใช้ textwarp เพื่อทำการนำข้อความที่ยาวเกินไปมาขึ้นบรรทัดใหม่
โดย jirawoot จ 04 พ.ย. 2019 2:57 pm บอร์ด Python Knowledge
0
39
จ 04 พ.ย. 2019 2:57 pm โดย jirawoot
ต้องการ เลือก ข้อมูลใน select tag แล้ว block เปลี่ยนตำแหน่งไปตามนั้น
โดย bankjittapol จ 04 พ.ย. 2019 11:51 am บอร์ด JavaScript & Jquery Ajax
1
50
จ 04 พ.ย. 2019 12:02 pm โดย tsukasaz
note
โดย numtan5839 จ 04 พ.ย. 2019 11:21 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
5
47
อ 12 พ.ย. 2019 7:49 pm โดย numtan5839
list ความรู้ที่มี ว่าเคยเรียน หรือ เคยทำอะไรมาบ้าง
โดย numtan5839 จ 04 พ.ย. 2019 11:15 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
42
จ 04 พ.ย. 2019 7:41 pm โดย numtan5839
Work's on Hand ตรีเนตร บูรณโพธิ์ทอง M097
โดย numtan5839 จ 04 พ.ย. 2019 11:09 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
1
16
จ 11 พ.ย. 2019 12:32 pm โดย numtan5839
เปลี่ยนภาษา webboard mindphp
โดย numtan5839 จ 04 พ.ย. 2019 10:58 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
3
108
จ 04 พ.ย. 2019 11:23 am โดย numtan5839
งานประจำวันที่ 4 พฤศจิกายน 2562
โดย numtan5839 จ 04 พ.ย. 2019 10:51 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
1
19
จ 04 พ.ย. 2019 10:52 am โดย numtan5839
การใช้ if elif while python ค่ะ
โดย Mind Mild อ 03 พ.ย. 2019 8:26 am บอร์ด Programming - C/C++ & java & Python
1
54
อ 05 พ.ย. 2019 7:55 am โดย บุคคลทั่วไป
การใช้ if elif while python ค่ะ
โดย Mind Mild อ 03 พ.ย. 2019 8:20 am บอร์ด Programming - C/C++ & java & Python
1
62
อ 05 พ.ย. 2019 10:21 am โดย mindphp
สอบถามขั้นตอนการอัพโหลด video ลง Google Drive หน่อยค่ะ
โดย nnamfon.26 ส 02 พ.ย. 2019 6:57 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
55
ส 02 พ.ย. 2019 7:12 pm โดย nnamfon.26
insert ข้อมุลแล้ว แต่ฐานข้อมูล error
โดย bankjittapol ส 02 พ.ย. 2019 6:19 pm บอร์ด Programming - PHP
3
46
ส 02 พ.ย. 2019 7:00 pm โดย mindphp
ผมต้องการ ทำ ตางรางแบบ one to many แล้วผมไม่เข้าใจว่า foreign key คืออะไร
โดย bankjittapol ส 02 พ.ย. 2019 5:12 pm บอร์ด Programming - PHP
1
39
ส 02 พ.ย. 2019 6:06 pm โดย mindphp
หลังจาก insert เสร็จ แล้วต้องการจะ get ค่า id มายังไงครับ
โดย bankjittapol ส 02 พ.ย. 2019 5:04 pm บอร์ด Programming - PHP
4
54
ส 02 พ.ย. 2019 6:28 pm โดย mindphp
ขอวิธีสร้าง Dropdown list จังหวัด อำเภอ ตำบล เพียงใส
โดย spawat ส 02 พ.ย. 2019 4:49 pm บอร์ด Programming - PHP
1
36
ศ 08 พ.ย. 2019 3:55 pm โดย icphp
สอบถามการเว้นวรรคของคำในการตั้งกระทู้หน่อยค่ะ
โดย nnamfon.26 ส 02 พ.ย. 2019 4:03 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
4
52
ส 02 พ.ย. 2019 6:40 pm โดย nnamfon.26
การสร้างฐานข้อมูลบริษัทบนระบบ ERP
โดย nnamfon.26 ส 02 พ.ย. 2019 3:41 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
43
ส 02 พ.ย. 2019 3:41 pm โดย nnamfon.26