TIP:การใช้งาน CSS3 2D Transforms โดยใช้เครื่องมือ "ตรวจดูส่วนประกอบ(Inspector)"

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
thatsawan
PHP VIP Members
PHP VIP Members
Posts: 24393
Joined: 31/03/2014 10:02 am
Contact:

TIP:การใช้งาน CSS3 2D Transforms โดยใช้เครื่องมือ "ตรวจดูส่วนประกอบ(Inspector)"

Post by thatsawan »

วันนี้ได้ศึกษาการใช้งาน "CSS3 2D Transforms" โดยทำการทดสอบการทำงานด้วย เครื่องมือช่วยพัฒนา "ตรวจดูส่วนประกอบ" อีกครั้งค่ะ
วิธีการทำมีขั้นตอนดังนี้ค่ะ
8-1-2558 13-12-36.jpg
8-1-2558 13-12-36.jpg (159.19 KiB) Viewed 562 times
1. หาตำแหน่งจุดเเท็กของ Class นั้นๆ ที่เราจะทำการทดสอบ ลักษณะเดียวกับบทความก่อนหน้านี้ค่ะ
8-1-2558 13-20-51.jpg
8-1-2558 13-20-51.jpg (136.39 KiB) Viewed 562 times
2. พอเราได้ตำแหน่งเเล้ว ให้ ลองเพิ่มคุณสมบัติของ Class ลงไปในช่องทางด้านซ้ายมือ ..ดังภาพเลยค่ะ
8-1-2558 13-22-25.jpg
8-1-2558 13-22-25.jpg (138.71 KiB) Viewed 562 times
3. ทดสอบการทำงานเเต่ละ คุณสมบัติ โดยการคลิก ลูกศร ที่เเสดง อยู่ทางด้านหน้า เพื่อ เปิด - ปิด คำสั่งค่ะ
8-1-2558 13-23-26.jpg
8-1-2558 13-23-26.jpg (129.26 KiB) Viewed 562 times
4. ดูผลของ คำสั่ง CSS ที่เราใช้งาน ^^

  • Similar Topics
    Replies
    Views
    Last post

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 2 guests