หน้าแรก
หน้าแรก
ใช้องค์ประกอบ :after เพื่อเพิ่มเนื้อหาบางส่วนหลังองค์ประกอบ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อแทรกเนื้อหาบางส่วนหลังองค์ประกอบด้วย CSS − <html> <head> <style> p:after
คุณสามารถระบุขนาด การวางแนว ระยะขอบ ฯลฯ ของกล่องเพจภายในกฎ @page ขนาดของกล่องเพจถูกกำหนดด้วยคุณสมบัติ ขนาด ขนาดของพื้นที่หน้าคือขนาดของช่องหน้าลบด้วยพื้นที่ขอบ ตัวอย่างเช่น กฎ @page ต่อไปนี้กำหนดขนาดกล่องเพจเป็น 8.5 × 11 นิ้ว และสร้างระยะขอบ 2 ซม. ในทุกด้านระหว่างขอบของกล่องเพจและพื้นที่หน้า: <s
หากต้องการสร้างเอฟเฟกต์ภาพเคลื่อนไหวแบบหมุนลงด้วย CSS คุณสามารถลองใช้โค้ดต่อไปนี้ − ตัวอย่าง <html> <head> <style> .animated { background-image: url(/css/images/logo.png);
Motion Blur ใช้สำหรับสร้างภาพเบลอหรือข้อความที่มีทิศทางและความแรง สามารถใช้พารามิเตอร์ต่อไปนี้ในตัวกรองนี้ S.No พารามิเตอร์ &คำอธิบาย 1 เพิ่ม จริงหรือเท็จ. ถ้าเป็นจริง รูปภาพจะถูกเพิ่มเข้าไปในภาพเบลอ และถ้าเป็นเท็จ ภาพจะไม่ถูกเพิ่มเข้าไปในภาพเบลอ 2 ทิศทาง ทิศทางของการเบลอตามเข็มนาฬิก
ในการสร้างเอฟเฟกต์แอนิเมชั่นบานพับด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้: ตัวอย่าง <html> <head> <style> .animated { background-image: url(/css/images/logo.png);
หากต้องการสร้างความเร็วแสงที่มีผลกับ CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้: ตัวอย่าง <html> <head> <style> .animated { background-image: url(/css/images/logo.png); &n
กฎ @font-face ใช้เพื่อกำหนดตำแหน่งของฟอนต์สำหรับดาวน์โหลด แม้ว่าสิ่งนี้อาจมีข้อจำกัดเฉพาะในการใช้งาน ตัวอย่าง มาดูตัวอย่างกัน <style> <!-- @font-face { font-family: "Scarborough Light";
หากต้องการอธิบายลักษณะแบบอักษร ให้ใช้กฎ @font-face คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อตั้งค่าแบบอักษร - ตัวอย่าง <style> <!-- @font-face { font-family: "Scarborough Light"; src:
ต่อไปนี้เป็นกฎ CSS ที่สำคัญ การ @import: กฎนำเข้าสไตล์ชีตอื่นไปยังสไตล์ชีตปัจจุบัน The @charset กฎระบุชุดอักขระที่สไตล์ชีตใช้ The @font-face กฎใช้เพื่ออธิบายลักษณะแบบอักษรอย่างละเอียดเพื่อใช้ในเอกสาร สิ่งที่ !สำคัญ กฎระบุว่ากฎที่ผู้ใช้กำหนดควรมีความสำคัญเหนือกว่าสไตล์ชีตของผู้เขียน
กฎ !important เป็นวิธีสร้าง CSS cascade ของคุณ รวมถึงกฎเกณฑ์ต่างๆ ที่จะนำมาใช้เสมอ กฎที่มีคุณสมบัติ !important จะถูกนำไปใช้เสมอ ไม่ว่ากฎนั้นจะปรากฏที่ใดในเอกสาร CSS ตัวอย่าง ตัวอย่างเช่น ในสไตล์ชีตต่อไปนี้ ข้อความในย่อหน้าจะเป็นสีดำ แม้ว่าคุณสมบัติสไตล์แรกที่ใช้จะเป็นสีแดง: <style> &nb
หากต้องการสร้างเอฟเฟกต์เร่งความเร็วแสงด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้: <html> <head> <style> .animated { background-image: url(/css/images/logo.png);
@import: กฎจะนำเข้าสไตล์ชีตอื่นไปยังสไตล์ชีตปัจจุบัน ควรปรากฏที่จุดเริ่มต้นของสไตล์ชีตก่อนกฎใดๆ และค่าของมันคือ URL ตัวอย่าง คุณสามารถเขียนได้ดังนี้: <style> <!-- @import "mystyle.css"; or @import url(&qu
หากต้องการสร้างเอฟเฟกต์พัลส์ด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ ตัวอย่าง <html> <head> <style> .animated { background-image: url(/css/images/logo.png);
ใช้ เอฟเฟกต์หน้ากาก เพื่อเปลี่ยนพิกเซลโปร่งใสเป็นสีที่ระบุและทำให้พิกเซลทึบแสงโปร่งใส พารามิเตอร์ต่อไปนี้ใช้ในตัวกรองนี้ S.No พารามิเตอร์ &คำอธิบาย 1 สี สีที่พื้นที่โปร่งใสจะกลายเป็น ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อใช้เอฟเฟกต์หน้ากาก <html> <head&
ใช้เอฟเฟกต์กลับด้านเพื่อจับคู่สีของวัตถุกับค่าที่ตรงกันข้ามกันในสเปกตรัมสี นั่นคือ เพื่อสร้างภาพเชิงลบ ใช้พารามิเตอร์ต่อไปนี้ในตัวกรองนี้: Sr.No พารามิเตอร์ &คำอธิบาย 1 พลิกกลับ จับคู่สีของวัตถุกับค่าตรงข้ามในสเปกตรัมสี ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้เอฟเฟกต์การกลับด้าน
เอฟเฟกต์คลื่นถูกใช้เพื่อทำให้วัตถุบิดเบี้ยวคลื่นไซน์เพื่อให้ดูเป็นคลื่น สามารถใช้พารามิเตอร์ต่อไปนี้ในตัวกรองนี้: S.No พารามิเตอร์ &คำอธิบาย 1. เพิ่ม ค่า 1 เพิ่มรูปภาพต้นฉบับให้กับรูปภาพที่โบกมือ 0 ไม่ได้ 2. ความถี่ จำนวนคลื่น 3. เบา ความแรงของแสงบนคลื่น (จาก 0 ถึง 100) 4. เฟส คลื่
ในการใช้เอฟเฟกต์ Flip Out Y Animation ด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ <html> <head> <style> .animated { background-image: url(/css/images/logo.png);
เอฟเฟกต์ระดับสีเทาใช้เพื่อแปลงสีของวัตถุให้เป็นสีเทา 256 เฉด พารามิเตอร์ต่อไปนี้ใช้ในตัวกรองนี้ - พารามิเตอร์ คำอธิบาย สีเทา แปลงสีของวัตถุเป็นสีเทา 256 เฉด ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อตั้งค่าเอฟเฟกต์โทนสีเทา − <html> <head> </head>
Drop Shadow ใช้เพื่อสร้างเงาของวัตถุของคุณที่ออฟเซ็ต X (แนวนอน) และ Y (แนวตั้ง) และสี สามารถใช้พารามิเตอร์ต่อไปนี้ในตัวกรองนี้: พารามิเตอร์ คำอธิบาย color สีในรูปแบบ #RRGGBB ของ dropshadow offX จำนวนพิกเซลที่ปล่อยเงาถูกชดเชยจากวัตถุที่มองเห็น ตามแนวแกน x จำนวนเต็มบวกย้ายเงาหล่นไปทางขวา
0เอฟเฟกต์กลับด้านใช้เพื่อจับคู่สีของวัตถุกับค่าตรงข้ามในสเปกตรัมสี นั่นคือ เพื่อสร้างภาพเชิงลบ พารามิเตอร์ต่อไปนี้ใช้ในตัวกรองนี้ - S.No พารามิเตอร์ &คำอธิบาย 1 พลิกกลับ แมปสีของวัตถุกับค่าตรงข้ามในสเปกตรัมสี ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อจับคู่สีของวัตถุกับค่าตรงข้ามใน