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

ติดตาม VDO ได้ที่ : บทที่ 6 CSS3 2D Transforms ตอน 3 การย้ายตำแหน่งวัตถุ

โดย : http://www.mindphp.com

หัวเรื่อง
บทเรียน สอน CSS3 บทที่ 6 2D Transforms ตอนที่ 3 การย้ายตำแหน่งวัตถุ
หมวดหมู่
CSS, CSS
ฮิต
20832
ผู้สร้างเอกสาร
ae
วันที่สร้างเอกสาร
2017-03-24 17:55:01
รายละเอียด

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

css6-3.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 442 bytes

ผู้อัพโหลดไฟล์ ae

วันที่อัพโหลด 2017-03-24 09:47:30


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ในฐานะผู้ดูแลระบบ (System Administrator) ก่อนเข้าช่วงหยุดยาว เตรียมตัวแบบนี้เพื่อให้หยุดได้อย่างไร้กังวน
โดย mindphp พฤ 28 ธ.ค. 2023 12:20 pm บอร์ด Linux - Web Server
0
607
พฤ 28 ธ.ค. 2023 12:20 pm โดย mindphp View Topic ในฐานะผู้ดูแลระบบ (System Administrator) ก่อนเข้าช่วงหยุดยาว เตรียมตัวแบบนี้เพื่อให้หยุดได้อย่างไร้กังวน
แก้ปัญหา Google Chrome เข้าหน้าเว็บไม่ได้ขึ้น ERROR SSL Key แต่ใช้ browser ตัวอื่นเข้าได้หมด
โดย mindphp พฤ 28 ธ.ค. 2023 7:11 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
362
พฤ 28 ธ.ค. 2023 7:11 am โดย mindphp View Topic แก้ปัญหา Google Chrome เข้าหน้าเว็บไม่ได้ขึ้น ERROR SSL Key แต่ใช้ browser ตัวอื่นเข้าได้หมด
ทำไมการย้ายโดเมนมักแนะนำให้ดำเนินการก่อนหมดอายุ 30 วัน มาดูรายละเอียดกัน Domain Tranfer มีกี่ขั้นตอน
โดย mindphp พฤ 28 ธ.ค. 2023 6:54 am บอร์ด Microsoft Office Knowledge & line & Etc
0
449
พฤ 28 ธ.ค. 2023 6:54 am โดย mindphp View Topic ทำไมการย้ายโดเมนมักแนะนำให้ดำเนินการก่อนหมดอายุ 30 วัน มาดูรายละเอียดกัน Domain Tranfer มีกี่ขั้นตอน
วิธีแชร์ภาพจาก Canva ไปที่ Facebook Page
โดย vibeday พฤ 28 ธ.ค. 2023 12:42 am บอร์ด Microsoft Office Knowledge & line & Etc
0
373
พฤ 28 ธ.ค. 2023 12:42 am โดย vibeday View Topic วิธีแชร์ภาพจาก Canva ไปที่ Facebook Page
โฆษณา LINE ทางเลือกใหม่ของแบรนด์ในยุคออนไลน์
โดย admeadme พ 27 ธ.ค. 2023 3:38 pm บอร์ด Share Knowledge
0
400
พ 27 ธ.ค. 2023 3:38 pm โดย admeadme View Topic โฆษณา LINE ทางเลือกใหม่ของแบรนด์ในยุคออนไลน์
คำสั่ง SQL วิธีแปลงค่าตัวเลข เช่น 1703618219 ซึ่งเป็นค่า Unix timestamp (จำนวนวินาทีนับตั้งแต่วันที่ 1 มกราคม ค.ศ. 1970)
โดย mindphp พ 27 ธ.ค. 2023 1:12 pm บอร์ด SQL Knowledge
0
1790
พ 27 ธ.ค. 2023 1:12 pm โดย mindphp View Topic คำสั่ง SQL วิธีแปลงค่าตัวเลข เช่น 1703618219 ซึ่งเป็นค่า Unix timestamp (จำนวนวินาทีนับตั้งแต่วันที่ 1 มกราคม ค.ศ. 1970)
สอบถามกดดูตารางใน phpmyadmin แล้วขึ้น error #1932 - Table 'table_name' doesn't exist in engine
โดย eange08 พ 27 ธ.ค. 2023 12:29 pm บอร์ด SQL - Database
7
3597
พ 27 ธ.ค. 2023 1:39 pm โดย eange08 View Topic สอบถามกดดูตารางใน phpmyadmin แล้วขึ้น error #1932 - Table 'table_name' doesn't exist in engine
R - mdsoft_jnk_delete_sale_purchase_sql - ลบประวัติเก่าๆ
โดย MBMoo พ 27 ธ.ค. 2023 9:33 am บอร์ด JNK - Developer
0
3
พ 27 ธ.ค. 2023 9:33 am โดย MBMoo View Topic R -   mdsoft_jnk_delete_sale_purchase_sql - ลบประวัติเก่าๆ