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

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

บทที่ 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - กดเพิ่มเมนูใหม่แล้ว Error
โดย tsukasaz ศ 17 เม.ย. 2020 2:35 pm บอร์ด Odoojob.com - Tester
1
4
ศ 17 เม.ย. 2020 7:53 pm โดย tsukasaz
B - หน้าข้อมูลงาน Jobs List ข้อมูลไม่แสดง
โดย tsukasaz ศ 17 เม.ย. 2020 2:19 pm บอร์ด Odoojob.com - Tester
0
2
ศ 17 เม.ย. 2020 2:19 pm โดย tsukasaz
B - หน้าฟอร์มข้อมูล resume อัพโหลดไฟล์ไม่เข้า
โดย tsukasaz ศ 17 เม.ย. 2020 2:10 pm บอร์ด Odoojob.com - Tester
0
3
ศ 17 เม.ย. 2020 2:10 pm โดย tsukasaz
B - หน้าข้อมูลสมาชิกข้อมูลไม่แสดง และมีแจ้ง Warning
โดย tsukasaz ศ 17 เม.ย. 2020 2:07 pm บอร์ด Odoojob.com - Tester
0
1
ศ 17 เม.ย. 2020 2:07 pm โดย tsukasaz
B - หัวข้อ กับ ชื่อเมนู ไม่ตรงกัน
โดย tsukasaz ศ 17 เม.ย. 2020 2:05 pm บอร์ด Odoojob.com - Tester
0
2
ศ 17 เม.ย. 2020 2:05 pm โดย tsukasaz
AI x THERMAL CAMERA คัดกรองผู้ป่วยด้วยการตรวจจับอุณหภูมิบนใบหน้า
โดย LEG ศ 17 เม.ย. 2020 1:28 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
1123
ศ 17 เม.ย. 2020 1:28 pm โดย LEG
วิธีการเลือกปรับแก้ไข css เฉพาะจุดใดจุดหนึ่งเท่านั้น
โดย Ittichai_chupol ศ 17 เม.ย. 2020 12:29 pm บอร์ด CSS Knowledge
0
103
ศ 17 เม.ย. 2020 12:29 pm โดย Ittichai_chupol
Codeigniter 3.1.0 เจอปัญหาเรื่อง session ไม่เก็บ ใน PHP 7.2
โดย tsukasaz พ 15 เม.ย. 2020 12:38 pm บอร์ด Programming - PHP
1
130
พฤ 16 เม.ย. 2020 11:30 am โดย mindphp
R - Template Email กลับมา log in เพื่อเพิ่ม Profile เเละได้รับเมลจากอะไร ทั้ง TH EN
โดย thatsawan อ 14 เม.ย. 2020 7:27 pm บอร์ด Odoojob.com - Tester
0
4
อ 14 เม.ย. 2020 7:27 pm โดย thatsawan
อัพเกรดเวอร์ชั่นใหม่สำหรับ Joomla ด้วย Component MDUpgrade
โดย prmindphp อ 14 เม.ย. 2020 6:58 pm บอร์ด MindPHP News & Feedback
1
92
พฤ 16 เม.ย. 2020 7:01 pm โดย prmindphp
(Close)B - ได้รับเมลเข้าเว็บเเล้วหลังจากสมัครงานมาเเต่เข้าสู่ระบบไม่ได้
โดย thatsawan อ 14 เม.ย. 2020 6:24 pm บอร์ด Odoojob.com - Tester
2
10
ส 18 เม.ย. 2020 3:16 pm โดย thatsawan
VDO - MDfiles Updated to the latest version 1.5.49
โดย numtan5839 จ 13 เม.ย. 2020 6:55 pm บอร์ด MDFiles - Manual
4
13
อ 14 เม.ย. 2020 2:18 pm โดย mindphp
VDO - แนะนำ feature ใหม่ MDFiles
โดย numtan5839 จ 13 เม.ย. 2020 6:52 pm บอร์ด MDFiles - Manual
4
21
พ 15 เม.ย. 2020 2:22 am โดย mindphp
เป็นเกษตรกรรึป่าวตรวจสอบได้ที่นี่
โดย thatsawan จ 13 เม.ย. 2020 12:34 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
171
พ 15 เม.ย. 2020 11:32 am โดย thatsawan
บล็อค สแปมบอท ด้วย cloudflare
โดย mindphp จ 13 เม.ย. 2020 4:08 am บอร์ด Linux - Web Server
0
109
จ 13 เม.ย. 2020 4:08 am โดย mindphp
"กรมการจัดหางาน" ตามหาคนว่างงาน รับช่วยงานกรมแบบ Work from home วันละ 300 บาท 45 วัน
โดย thatsawan ส 11 เม.ย. 2020 4:12 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
107
ส 11 เม.ย. 2020 4:12 pm โดย thatsawan
ปัญหา google "อ๊ะ! มีบางอย่างผิดพลาด หน้านี้ไม่ได้โหลด Google Maps "เกิดจากอะไรค่ะ
โดย thatsawan ส 11 เม.ย. 2020 1:28 pm บอร์ด HTML CSS
1
109
ส 11 เม.ย. 2020 1:32 pm โดย mindphp
อยากทราบวิธี ทำให้ แพนทที่สร้างขึ้นมาสามารถทำงานได้อย่างอัตโนมัติ
โดย Ittichai_chupol ศ 10 เม.ย. 2020 10:22 pm บอร์ด Programming - PHP
6
121
พ 03 มิ.ย. 2020 9:59 am โดย Sirayu
B - ลืมตำแหน่งงาน ที่เคยทำงาน ที่บอร์ดหัวข้อว่าง
โดย thatsawan ศ 10 เม.ย. 2020 6:10 pm บอร์ด Odoojob.com - Tester
1
5
ศ 08 พฤษภาคม 2020 3:31 pm โดย thatsawan
(Close)B - สมัครงานเสร็จยังไม่มี User pass ให้ login มาฝั่ง Odoojob
โดย thatsawan ศ 10 เม.ย. 2020 6:08 pm บอร์ด Odoojob.com - Tester
1
6
อ 14 เม.ย. 2020 6:16 pm โดย thatsawan