บทที่ 6 CSS3 2D Transforms ตอน 2
2.การปรับขนาดวัตถุ
transform:scale(x,y);  x คือ ตัวเลขในแนวนอนเป็นการปรับความกว้าง  และ y คือตัวเลขในแนวตั้ง เป็นการปรับความสูง

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

div#div2
{margin:100px;
transform:scale(2,3);
-ms-transform:scale(2,3); /* IE 9 */
-moz-transform:scale(2,3); /* Firefox */
-webkit-transform:scale(2,3); /* Safari and Chrome */
-o-transform:scale(2,3); /* Opera */}

</style>
</head>
<body>

<div>mindphp.com</div>

<div id="div2">mindphp.com</div>

</body>
</html>

ผลลลัพธ์คือ

คำอธิบาย
width:100px;
height:75px;
background-color:pink;
border:1px solid black;
คือรูปสี่เหลี่ยม กว้าง 100px  ยาว 75px  สีชมพู ขอบสีดำ

 ส่วน  transform:scale(2,3); คือคำสั่งปรับขนาดวัตถุ โดยปรับ กว้างขึ้น 2 เท่า และ ยาวขึ้น 3 เท่า

อ่าน
บทที่ 6 CSS3 2D Transforms ตอน 1
บทที่ 6 CSS3 2D Transforms ตอน 3
บทที่ 6 CSS3 2D Transforms ตอน 4
บทที่ 6 CSS3 2D Transforms ตอน 5

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ช่วยอธิบาย เรื่อง data sorting ใน c# หน่อยครับ
โดย Anonymous อ 09 ก.ค. 2013 1:18 pm บอร์ด Programming - C/C++ & java & Python
0
1365
อ 09 ก.ค. 2013 1:18 pm โดย บุคคลทั่วไป View Topic ช่วยอธิบาย เรื่อง data sorting ใน c# หน่อยครับ
phpBB Mod Sexy Social Bookmarks เมนู Social network
โดย M009 อ 09 ก.ค. 2013 10:17 am บอร์ด PHPBB3.0 Mod Review
0
2523
อ 09 ก.ค. 2013 10:17 am โดย M009 View Topic phpBB Mod Sexy Social Bookmarks  เมนู Social network
งานประจำวันที่ 9 กรกฎาคม 2556
โดย M009 อ 09 ก.ค. 2013 10:06 am บอร์ด M009 - นายมารุต วิชญวรคุณ
3
14
พ 10 ก.ค. 2013 9:55 am โดย M009 View Topic งานประจำวันที่ 9 กรกฎาคม 2556
งานประจำวันที่ 9 กรกฎาคม 2556
โดย M007 อ 09 ก.ค. 2013 9:48 am บอร์ด M007 - นางสาวชาลินี เกษรรัตน์
1
15
อ 09 ก.ค. 2013 7:30 pm โดย M007 View Topic งานประจำวันที่ 9 กรกฎาคม 2556
งานประจำวันที่ 8 กรกฎาคม 2556
โดย M009 จ 08 ก.ค. 2013 12:24 pm บอร์ด M009 - นายมารุต วิชญวรคุณ
3
11
อ 09 ก.ค. 2013 10:03 am โดย M009 View Topic งานประจำวันที่ 8 กรกฎาคม 2556
งานประจำวันที่ 8 กรกฎาคม 2556
โดย M007 จ 08 ก.ค. 2013 10:56 am บอร์ด M007 - นางสาวชาลินี เกษรรัตน์
2
16
จ 08 ก.ค. 2013 9:04 pm โดย M007 View Topic งานประจำวันที่ 8 กรกฎาคม 2556
[RC]Prime Quick Buddies - quickly add users as friends/foes ปุ่มลัด add friend
โดย M009 จ 08 ก.ค. 2013 6:53 pm บอร์ด PHPBB3.0 Mod Review
0
2011
จ 08 ก.ค. 2013 6:53 pm โดย M009 View Topic [RC]Prime Quick Buddies - quickly add users as friends/foes ปุ่มลัด add friend
B - เพิ่มข้อมูล แบบ R1 ข้อมูลทางเลือกที่เหมาะสมไม่ขึ้น
โดย tsukasaz จ 08 ก.ค. 2013 4:03 pm บอร์ด Risk
2
5
จ 08 ก.ค. 2013 4:50 pm โดย mindphp View Topic B - เพิ่มข้อมูล แบบ R1 ข้อมูลทางเลือกที่เหมาะสมไม่ขึ้น