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

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

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

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

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

หัวเรื่อง
บทเรียน สอน CSS3 บทที่ 6 2D Transforms ตอนที่ 3 การย้ายตำแหน่งวัตถุ
หมวดหมู่
CSS, CSS
ฮิต
7944
ผู้สร้างเอกสาร
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


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ขอcode แปลงหน่วยนิ้ว เป็นเซ็นติเมตร ภาษา Java
โดย Anonymous ศ 20 ธ.ค. 2019 9:39 am บอร์ด Programming - PHP
0
1717
ศ 20 ธ.ค. 2019 9:39 am โดย บุคคลทั่วไป
โปรแกรมคำนวณสินเชื่อบ้าน เครื่องมือที่จะช่วยให้คุณคำนวณสินเชื่อบ้านได้ง่ายและรวดเร็ว
โดย prmindphp พฤ 19 ธ.ค. 2019 6:59 pm บอร์ด MindPHP News & Feedback
0
1721
พฤ 19 ธ.ค. 2019 6:59 pm โดย prmindphp
วิธีการแการแก้ไขข้อมูลโพสต์ ในระหว่างขั้นตอนการกดโพสต์ ของ phpbb
โดย Ittichai_chupol พฤ 19 ธ.ค. 2019 5:11 pm บอร์ด PHP Knowledge
0
535
พฤ 19 ธ.ค. 2019 5:11 pm โดย Ittichai_chupol
วิธีการใช้งานปรับลบข้อมูลลายเซ็นของ phpbb โดยใช้ Event ใน phpbb
โดย Ittichai_chupol พฤ 19 ธ.ค. 2019 2:57 pm บอร์ด PHP Knowledge
0
975
พฤ 19 ธ.ค. 2019 2:57 pm โดย Ittichai_chupol
ปฏิทินประจําปี 2563 ภูติผีปีศาจ - แจกฟรี
โดย noppadonsk พฤ 19 ธ.ค. 2019 2:16 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
1198
ส 04 ม.ค. 2020 4:38 am โดย mindphp
วิธีการใช้ JQuery เก็บ cookie เพื่อลดขั้นตอนการเปลี่ยนภาษาของแต่ละ user ใน phpbb
โดย Ittichai_chupol พฤ 19 ธ.ค. 2019 11:24 am บอร์ด Jquery & Ajax Knowledge
0
988
พฤ 19 ธ.ค. 2019 11:24 am โดย Ittichai_chupol
ปฏิทินประจําปี 2563 คริสมาสเพิ่มความหวาน และ สดใส - โหลดเก็บไว้ได้เลย
โดย noppadonsk พ 18 ธ.ค. 2019 6:31 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
2368
พ 01 ม.ค. 2020 3:11 pm โดย mindphp
ปฏิทินวันหยุด 2563 วันหยุดราชการ วันหยุดใน ปฏิทิน 2563 / 2020 ปฏิทิน 2563 พร้อมวันหยุดราชการ
โดย noppadonsk พ 18 ธ.ค. 2019 6:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
16
411
อ 14 ม.ค. 2020 3:32 pm โดย LEG
วิธีการปรับเปลี่ยนตัวอักษรให้เป็น พิมพ์ใหญ่ - พิมพ์เล็ก ทั้งมด
โดย Ittichai_chupol พ 18 ธ.ค. 2019 5:27 pm บอร์ด CSS Knowledge
0
55
พ 18 ธ.ค. 2019 5:27 pm โดย Ittichai_chupol
วิธีการปรับแก้ไขส่วนการแสดงผลหน้าสมาชิก ใน phpbb
โดย Ittichai_chupol พ 18 ธ.ค. 2019 5:07 pm บอร์ด PHP Knowledge
0
43
พ 18 ธ.ค. 2019 5:07 pm โดย Ittichai_chupol
อยากทราบวิธีการที่จะทำให้ extension เข้าไปอ่านไฟล์ bookmark ได้ครับ
โดย Ittichai_chupol พ 18 ธ.ค. 2019 4:18 pm บอร์ด Programming - PHP
2
61
พ 18 ธ.ค. 2019 5:09 pm โดย Ittichai_chupol
Joomla เวอร์ชั่นใหม่มาแล้ว 3.9.14 มีปรับปรุงกว่า 36 รายการ
โดย tsukasaz พ 18 ธ.ค. 2019 11:07 am บอร์ด MindPHP News & Feedback
0
52
พ 18 ธ.ค. 2019 11:07 am โดย tsukasaz
นำหน้าเว็บให้สามารถค้นหาไฟล์ PDF ได้
โดย Anonymous อ 17 ธ.ค. 2019 11:23 pm บอร์ด HTML CSS
1
71
ศ 27 ธ.ค. 2019 1:03 pm โดย mindphp
หน้าเว็บโหลดช้า ขนาดภาพไม่ได้สัดส่วน MImageoptimize Plugin ของ Joomla ช่วยได้
โดย prmindphp อ 17 ธ.ค. 2019 7:03 pm บอร์ด MindPHP News & Feedback
0
84
อ 17 ธ.ค. 2019 7:03 pm โดย prmindphp
Programmer Funny To Day : ดูให้ดีก่อนไหม ???
โดย chatee supasand อ 17 ธ.ค. 2019 6:26 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
58
อ 17 ธ.ค. 2019 6:26 pm โดย chatee supasand
วิธีการการจัดแบ่งคอลัมน์เป็น 2 คอลัมน์เมื่อทำการย่อหน้าจอ
โดย Ittichai_chupol อ 17 ธ.ค. 2019 3:31 pm บอร์ด CSS Knowledge
0
55
อ 17 ธ.ค. 2019 3:31 pm โดย Ittichai_chupol
Youtube Originals คืออะไร
โดย noppadonsk อ 17 ธ.ค. 2019 3:13 pm บอร์ด Share Knowledge
1
84
อ 14 ม.ค. 2020 3:29 pm โดย LEG
วิธีการการปิดเครื่องหมายหน้าข้อความ ของ <li>
โดย Ittichai_chupol อ 17 ธ.ค. 2019 3:08 pm บอร์ด CSS Knowledge
0
50
อ 17 ธ.ค. 2019 3:08 pm โดย Ittichai_chupol
พบปัญหา LINE AP อีกแล้ว อยากทราบสาเหตุ [2019-12][001] - Urgent
โดย thatsawan อ 17 ธ.ค. 2019 3:05 pm บอร์ด MD-CRM - Tester
6
15
พ 25 ธ.ค. 2019 2:51 pm โดย thatsawan
ภัยคุกคามด้าน Security ปี 2020
โดย noppadonsk อ 17 ธ.ค. 2019 2:40 pm บอร์ด Share Knowledge
1
91
ศ 20 ธ.ค. 2019 2:43 pm โดย LEG