ให้เรตสมาชิก: 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 ถ้าใส่เป็นบวกวัตถุจพลิกลงข้างล่าง แต่ถ้าใส่เป็นลบวัตถุจะพลิกขึ้นข้างบน

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ใช้โค้ดอะไรที่ป้องกันไม่ให้คนดู php source code ของเราได้คะ?
โดย candicextinaholic ส 17 มี.ค. 2007 9:06 pm บอร์ด Programming - PHP
1
2203
อ 18 มี.ค. 2007 3:19 pm โดย mindphp
เสริมความสามารถ ของ php ให้ทำงาน บน .net
โดย mindphp ศ 16 มี.ค. 2007 11:37 am บอร์ด MindPHP News & Feedback
0
2921
ศ 16 มี.ค. 2007 11:37 am โดย mindphp
รับข้อมูลภาษาไทยไม่ได้
โดย blinding พฤ 15 มี.ค. 2007 12:08 pm บอร์ด SQL - Database
1
3116
ศ 16 มี.ค. 2007 9:26 am โดย mindphp
upload ไฟล์php
โดย aa_aa อ 13 มี.ค. 2007 10:08 am บอร์ด Programming - PHP
1
1675
อ 13 มี.ค. 2007 11:30 am โดย mindphp
ขอ โค้ดเว็บบิต หน่อยครับ
โดย steriohead จ 12 มี.ค. 2007 5:14 pm บอร์ด Programming - PHP
0
1489
จ 12 มี.ค. 2007 5:14 pm โดย steriohead
javascript กลับหน้าที่ ผ่านมา
โดย mindphp จ 12 มี.ค. 2007 1:50 pm บอร์ด JavaScript & Jquery Ajax
1
2875
พฤ 26 ก.ค. 2007 6:56 pm โดย dinsor
Free Hosting
โดย cerica_007 ส 10 มี.ค. 2007 10:14 pm บอร์ด Programming - PHP
1
1550
ส 10 มี.ค. 2007 10:21 pm โดย mindphp
ผม เขียน php... แต่ พอเขียนภาษาไทย ไป
โดย nutta2007 ศ 09 มี.ค. 2007 11:29 pm บอร์ด Programming - PHP
1
1454
ส 10 มี.ค. 2007 12:27 am โดย mindphp