แอตทริบิวต์ต่อไปนี้ไม่ดีสำหรับความเข้ากันได้ของเบราว์เซอร์
1.transform: หมุน (45deg)
2. Border-top-left-radius คุณสมบัตินี้ช่วยให้คุณสามารถเพิ่มเส้นขอบโค้งมนให้กับองค์ประกอบ
3. Border-Radius สถานที่ให้บริการนี้ช่วยให้คุณสามารถเพิ่มเส้นขอบโค้งมนให้กับองค์ประกอบ
4. คุณสมบัติ Box-Shadow เพิ่มเงาอย่างน้อยหนึ่งเงาลงในกล่อง
5. คุณสมบัติ Text-Shadow ตั้งเงาเป็นข้อความ
6. การแปล
เพื่อให้เข้ากันได้ดีขึ้นกับแต่ละเบราว์เซอร์จำเป็นต้องใช้คำนำหน้า
-o- /*เบราว์เซอร์โอเปร่า* /
-webkit- /*WebKit Kernel Browser Safari และ Chrome* / /
-ms- /*เช่น 9* /
-moz- /*เบราว์เซอร์ Firefox* / /
1.transform: หมุน (45deg) วัตถุถูกหมุนผ่านคุณสมบัติการแปลงโดยที่ (45deg) คือมุมการหมุนแปลง: หมุน (45deg);
-ms-transform: หมุน (45deg); /*IE 9*/
-O-Transform: หมุน (45DEG); /*เบราว์เซอร์โอเปร่า*/
-webkit-transform: หมุน (45deg); /*WebKit Kernel Browser Safari และ Chrome*//
-moz-transform: หมุน (45deg); /*เบราว์เซอร์ Firefox*/
2.-border-top-left-radius radius radius สถานที่ให้บริการนี้ช่วยให้คุณสามารถเพิ่มเส้นขอบโค้งมนให้กับองค์ประกอบอดีตสามารถเลือกตำแหน่งที่มีการเพิ่มเส้นขอบโค้งมน
ชายแดนด้านซ้าย-ซ้าย-ราดอุดิอัสแนวชายแดนขวา-ขวา-ขวา-ล่าง-ซ้าย-ซ้าย-ไรเดอัสชายแดน-ล่างขวา-ขวา-ขวา-ล่าง-ขวา-ขวา-ขวา
แนวชายแดนด้านซ้าย-ซ้ายอสังหาริมทรัพย์นี้ช่วยให้คุณสามารถเพิ่มเส้นขอบโค้งมนให้กับองค์ประกอบเช่นเดียวกับแนวชายแดน-เพียงเพื่อควบคุมว่าจำเป็นต้องเพิ่มพรมแดนโค้งมน
3. คุณสมบัติ Box-Shadow เพิ่มเงาหนึ่งตัวขึ้นไปในกล่องและคุณสมบัติของข้อความที่ให้บริการตั้งค่าเงาให้กับข้อความBox-Shadow: H-Shadow || V-Shadow || เบลอ || แพร่กระจาย || สี || สิ่งที่ใส่เข้าไป;
คุณสมบัติ: ตำแหน่งของเงาแนวนอน || ตำแหน่งของเงาแนวตั้ง || ระยะทางเบลอ || ขนาดเงา || สีเงา || เปลี่ยนเงาด้านนอก (เริ่มต้น) เป็นเงาด้านใน
Box-Shadow: 1px 1px 3px #292929;
Text-Shadow: H-Shadow || V-Shadow || เบลอ || สี;
Text -Shadow: 0px -1px 0px #000;
4. การเปลี่ยนแปลงคุณสมบัติ || ระยะเวลา || ฟังก์ชั่นการกำหนดเวลา || ล่าช้า
ระบุชื่อของแอตทริบิวต์ CSS ที่ตั้งค่าเอฟเฟกต์การเปลี่ยนแปลง || ระบุจำนวนวินาทีหรือมิลลิวินาทีในการทำเอฟเฟกต์การเปลี่ยนแปลง ระบุเส้นโค้งความเร็วของเอฟเฟกต์ความเร็ว || กำหนดเมื่อผลการเปลี่ยนแปลงเริ่มต้นขึ้น
ปัจจุบันเบราว์เซอร์ทั้งหมดไม่รองรับแอตทริบิวต์การเปลี่ยนแปลง
ง่ายขึ้นค่าเริ่มต้น แอนิเมชั่นเริ่มต้นด้วยความเร็วต่ำจากนั้นเร่งความเร็วให้ช้าลงก่อนที่จะสิ้นสุด
ภาพเคลื่อนไหวง่าย ๆ เริ่มต้นด้วยความเร็วต่ำ
แอนิเมชั่นง่ายขึ้นจะจบลงด้วยความเร็วต่ำ
แอนิเมชั่นง่าย ๆ เริ่มต้นและสิ้นสุดด้วยความเร็วต่ำ
การเปลี่ยนแปลง: พื้นหลัง 5S ง่ายดาย;
หนึ่งเช่น:
คัดลอกรหัส