สถานที่:หน้าหลัก > css
-
Bootstrap ปลั๊กอินแกนเวลาซ้ายและขวาที่ตอบสนองการใช้งาน Css3 บริสุทธิ์
สไตล์ชีตใช้ข้อมูลโค้ดของเฟรมเวิร์ก Bootstrap เริ่มต้น แต่เค้าโครงได้รับการออกแบบใหม่เพื่อรองรับเทคโนโลยีที่ตอบสนองได้ดีขึ้นและมีการอัปเดตชุดสีของ UI ที่ลึกกว่า คุณสามารถดูวิธีสร้างลูกศรแต่ละอันได้ในแผงไทม์ไลน์โดยใช้คุณสมบัติ CSS: before and after โดยไม่ต้องมีลูกศรสร้างรูปภาพ -
ตอบสนองต่อเมนูแบบเลื่อนลงการนำทาง CSS3 ขนาดใหญ่ของ Bootstrap mall
เมนูห้างสรรพสินค้าอีคอมเมิร์ซ Bootstrap เมนูขนาดใหญ่เมนู Super HTML นี้สามารถใช้ในเว็บไซต์อีคอมเมิร์ซและช้อปปิ้ง มีเมนู / แถบนำทางสองรายการหนึ่งเมนูด้านบน ได้แก่ แบรนด์ลิงก์และรายชื่อติดต่อ เมนูที่สองประกอบด้วยหมวดหมู่แสดงเมนูแบบเลื่อนลงขนาดใหญ่และแบนเนอร์โปรโมชั่นผลิตภัณฑ์ นอกจากนี้ยังมีแถบค้นหาและการออกแบบรถเข็นแบบเลื่อนลง -
มุมมองดวงจันทร์รหัส css3 บริสุทธิ์
มุมมองดวงจันทร์รหัส css3 บริสุทธิ์ -
jQuery + CSS3 หัวตัวการ์ตูนหมุนด้วยเมาส์
ส่วนหัวตัวการ์ตูนที่ใช้ CSS3 jQuery จะใช้ส่วนหัวตามทิศทางของเมาส์และปรับแต่งเคอร์เซอร์ -
css3 + js เปลี่ยนเอฟเฟกต์พิเศษการเบิร์นเคอร์เซอร์
เอฟเฟกต์การตกแต่งเคอร์เซอร์ที่ใช้โดยโค้ด css3 + js js จะเปลี่ยนเอฟเฟกต์การเบิร์นรูปแบบเคอร์เซอร์ -
css3 เปลี่ยนรูปแบบเคอร์เซอร์เคอร์เซอร์
css3 เปลี่ยนรูปแบบเคอร์เซอร์เคอร์เซอร์เอฟเฟกต์เคอร์เซอร์ที่ยอดเยี่ยม -
รหัสนาฬิกา css3 js สีส้ม
ใช้รูปแบบนาฬิกาสีส้มที่วาดโดย css3 รวมกับโค้ด JavaScript เพื่อจำลองการเคลื่อนไหวของนาฬิกาจริง -
เมนูการนำทางแบบแบน CSS3 แบบเลื่อนลงหลายระดับ
รูปแบบของการนำทางเว็บไซต์นี้ใช้การออกแบบที่เรียบแบนพร้อมด้วยไอคอนแบบอักษร FontAwesome และเมนูแบบเลื่อนลงหลายระดับที่ใช้งานโดยใช้รหัส css3 แท้ -
CSS3 และ Bootstrap ทำให้เกิดปลั๊กอินปุ่มปรับแต่งการไล่ระดับสีคริสตัล
CSS3 และ Bootstrap เพื่อให้ได้ปลั๊กอินปุ่มตกแต่งการไล่ระดับสีคริสตัลเป็นปุ่มที่ใช้ Bootstrap โดยการเพิ่มภาพพื้นหลังและเอฟเฟกต์การไล่ระดับสีให้กับองค์ประกอบหลอกของปุ่มเพื่อสร้างปุ่มพื้นผิวแก้วคริสตัลที่สวยงามมาก -
ตารางตารางม้าลายข้ามสลับสีเปลี่ยนรหัส CSS
แบบฟอร์มตารางนี้เป็นรหัสการตกแต่งรูปแบบทางม้าลาย css3 ที่ตอบสนอง ตารางนี้สร้างขึ้นโดยใช้รายการที่ไม่เรียงลำดับและมีคุณสมบัติเฉพาะเช่นการตอบสนองการข้ามทางม้าลายแบบสอดประสานและเหมาะสำหรับอุปกรณ์เคลื่อนที่ องค์ประกอบที่สำคัญในการออกแบบเว็บแบบตารางช่วยให้ผู้ใช้เข้าใจข้อมูลบางอย่างโดยสังหรณ์ใจ ตารางที่ใช้ในการสาธิตนี้ไม่ใช่โครงสร้าง html ตารางมาตรฐาน แต่จะใช้ตารางที่ไม่เรียงลำดับเพื่อสร้างตาราง จุดประสงค์คือเพื่อให้แบบฟอร์มมีความสอดคล้องกัน -
Pure CSS3 ใช้ปลั๊กอินรายการราคาที่ยอดเยี่ยมของ Bootstrap
รายการราคา CSS3 นี้ใช้ตาราง Bootstrap สำหรับเลย์เอาต์และทำให้เอฟเฟกต์การตกแต่งและแอนิเมชั่นของรายการราคาเสร็จสมบูรณ์ผ่านโค้ด CSS3 ง่ายๆ -
Bootstrap arrow แถบความคืบหน้าปลั๊กอินภาพเคลื่อนไหว CSS3 บริสุทธิ์
แอนิเมชั่น CSS3 บริสุทธิ์ปลั๊กอินแถบความคืบหน้า Bootstrap ลูกศร, แอนิเมชั่นแถบความคืบหน้าสุดเจ๋งของ CSS3 นั้นขึ้นอยู่กับแถบความคืบหน้า bootstrap ดั้งเดิมผ่านโค้ด CSS3 จำนวนเล็กน้อยแถบความคืบหน้าจะได้รับการตกแต่งให้สวยงามเป็นรูปแบบลูกศรและมีเอฟเฟกต์ภาพเคลื่อนไหว -
ภาพเคลื่อนไหว css3 บริสุทธิ์แถบความคืบหน้า Bootstrap กำลังโหลดปลั๊กอินเปอร์เซ็นต์
ใช้ระบบกริดของ Bootstrap และส่วนประกอบแถบความคืบหน้าเพื่อสร้างเอฟเฟกต์ภาพเคลื่อนไหว CSS3 ของแถบความคืบหน้าและแถบความคืบหน้าสไตล์รันเวย์ แถบความคืบหน้าใช้การบินขึ้น - ลงของเครื่องบินเป็นภาพเคลื่อนไหวขนาดแถบความคืบหน้าพร้อมการแสดงตัวเลขความคืบหน้าเอฟเฟกต์นั้นยอดเยี่ยมมาก -
เมนูแบบเลื่อนลง Pure CSS3 จะเลือนหายไปและหายไป
หากเราใช้ jQuery เพื่อให้ได้เอฟเฟกต์เฟดอินและเฟดเอาต์เราสามารถใช้เฟดเพื่อให้เมนูดร็อปดาวน์เฟดอินและเอฟเฟกต์เฟดเอาต์เราใช้โค้ด css3 เพื่อทำให้สมบูรณ์โดยไม่ต้องใช้โค้ด js ใด ๆ -
ดวงตา CSS3 บริสุทธิ์ตามโค้ดของเมาส์
ใช้รหัส css3 เพื่อรับเอฟเฟกต์ภาพเคลื่อนไหวพิเศษของดวงตาหลังจากการหมุนเมาส์ -
รูปแบบดินสอ css3 บริสุทธิ์พร้อมยางลบ
รหัสรูปแบบดินสอ css3 บริสุทธิ์พร้อมยางลบ -
เมาส์ที่กำหนดเอง js + CSS3 ทำตามลักษณะพิเศษ
เมาส์แบบกำหนดเอง js และ CSS3 ตามลักษณะพิเศษ ในเอฟเฟกต์พิเศษนี้ใช้องค์ประกอบ DIV เพื่อปรับแต่งเมาส์รูปร่างของเมาส์ถูกสร้างขึ้นผ่านโค้ด CSS และภาพเคลื่อนไหวของเมาส์จะขับเคลื่อนผ่านโค้ด js -
ภาพ jQuery ล้มภาพเคลื่อนไหว CSS3 ตี
TML5 + CSS3 ตระหนักถึงการลากและวางรหัสเอฟเฟกต์พิเศษในการตรวจจับการชน คลิกปุ่มเริ่มและสามารถลากรูปภาพได้หลังจากการตกอย่างอิสระ เมื่อภาพถูกลากภาพจะค้างและชนกับภาพอื่น ๆ -
CSS3 ผีน่ารักตีรหัสเทคนิคพิเศษ
เอฟเฟกต์แอนิเมชั่นแอนิเมชั่นผี CSS3 ที่บริสุทธิ์เป็นเอฟเฟกต์การวาดภาพเคลื่อนไหวการ์ตูนผีผี css3 -
รหัส css3 บริสุทธิ์เพื่อให้ได้จุดลูกศรปลั๊กอินการสลับรูปภาพ
คุณอ่านถูกต้องแล้วปลั๊กอินการสลับรูปภาพนี้ไม่ได้ใช้รหัส js ใด ๆ โดยปกติเราจะใช้โค้ด js เพื่อให้เกิดเหตุการณ์คลิกและเอฟเฟกต์การสลับเมื่อเราทำการสลับภาพหมุน แต่ปลั๊กอินภาพหมุนพิเศษนี้สามารถรับรู้ได้โดยใช้รหัส css3 เท่านั้น