หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

Windows 11 CSS

ขอบคุณสำหรับดวงดาว ...
รหัสไม่ดีที่สุดฉันรู้ แต่น่าเสียดาย

ฉันจะไม่แก้ไข repo นี้เพื่อให้มันง่ายสำหรับจูเนียร์ devs (เช่นฉันเมื่อ 2 ปีก่อน)
เพราะถ้าเป็นที่แสดงเป็นจำนวนมากฉันคิดว่าดีอย่างที่เป็นอยู่

ขออภัย (คุณสามารถเปลี่ยนแปลงได้หากคุณต้องการทำให้ดีขึ้น)

เว็บไซต์ออนไลน์

w11-slone.vercel.app

ส่วนต่อประสานผู้ใช้

Windows 11 Interfaccia Clone

สารบัญ

  • Windows 11 Clone
    • เว็บไซต์ลิงก์
  • รูปภาพของ Windows 11 Clone
    • สารบัญ
      • บน mouse_move มันจะสร้างการเลือก Dinamic Selection
      • เริ่มต้นเมนู
        • ภาพคงที่
        • แอนิเมชั่น GIF
      • ส่วนวิดเจ็ต
        • ภาพคงที่
        • แอนิเมชั่น GIF
      • สร้างหน้าต่างใหม่เมื่อคลิก
        • ภาพคงที่
        • แอนิเมชั่น GIF
      • หน้าต่างที่เคลื่อนย้ายและปรับขนาดได้
        • ภาพคงที่
        • แอนิเมชั่น GIF
          • ฟังก์ชั่นหน้าต่างที่เคลื่อนย้ายได้
          • ฟังก์ชั่นหน้าต่างที่ปรับขนาดได้
      • ฟังก์ชั่น SNAP
        • สแน็ปซ้าย
          • ภาพคงที่
          • แอนิเมชั่น GIF
        • สแน็ปขวา
          • ภาพคงที่
        • Snap full_screen
          • ภาพคงที่
          • แอนิเมชั่น GIF
      • หากหน้าต่างย่อเล็กสุดไอคอนจะอยู่ใน Navbar (ทั้งหมดนี้เป็นศูนย์กลางโดยอัตโนมัติ)
        • ภาพคงที่
        • แอนิเมชั่น GIF

คุณสมบัติใหม่: บน mouse_move มันจะสร้างการเลือก dinamic selection

การเลือกลาก windows 11 โคลน

เริ่มต้นเมนู (พร้อมภาพเคลื่อนไหว)

ภาพคงที่ของเมนูเริ่มต้น (Windows 11)

Windows 11 ส่วนเริ่มต้นโคลน

GIF ของแอนิเมชั่นบนเมนูเริ่มต้น (Windows 11)

ภาพเคลื่อนไหวเมนูเริ่มต้น Windows 11

ส่วนวิดเจ็ตแถบงานของ Windows 11

ภาพคงที่ของส่วนวิดเจ็ตเมื่อเปิดใช้งาน (Windows 11)

Windows 11 ส่วนวิดเจ็ตโคลน

GIF ของแอนิเมชั่นในส่วนวิดเจ็ต (Windows 11)

แอนิเมชั่น Windows Windows 11

สร้างแท็บ Windows ใหม่เมื่อคลิกของไอคอนใด ๆ

ภาพคงที่ของแท็บใหม่เมื่อสร้าง (Windows 11)

แท็บ windows windows 11 โคลน

GIF ของภาพเคลื่อนไหวของแท็บใหม่เมื่อสร้าง (Windows 11)

Windows Tab Windows สร้างภาพเคลื่อนไหว Windows 11 Dark

หน้าต่างแท็บที่สามารถเคลื่อนย้ายและปรับขนาดได้

ภาพคงที่ของหน้าต่างแท็บที่เคลื่อนย้ายได้และปรับขนาดได้ (Windows 11)

การเคลื่อนไหวแท็บ Windows 11 และโคลน rezible

GIF พร้อมภาพเคลื่อนไหวของฟังก์ชั่นนี้

ฟังก์ชั่นหน้าต่างที่เคลื่อนย้ายได้ (Onmousemove)

หน้าต่างที่เคลื่อนย้ายได้ใน Windows 11 Clone HTML CSS JavaScript Animation

ปรับขนาดฟังก์ชั่นหน้าต่าง (โดยไม่ต้องใช้ JavaScript)

ปรับขนาดหน้าต่างในภาพเคลื่อนไหวของ Windows 11 Clone

ฟังก์ชั่น Windows 11 Snap

สแน็ป ซ้าย

ภาพคงที่ของฟังก์ชั่นสแน็ปซ้าย

แท็บโคลน Windows 11 สามารถพอดีกับพื้นที่ด้านขวาหรือซ้าย

GIF ภาพเคลื่อนไหวของฟังก์ชั่น Snap ซ้าย

อนิเมชั่น Snap Windows 11

สแน็ป ขวา

ภาพคงที่ของฟังก์ชั่นสแน็ปด้านขวา

Immagine 2021-12-11 123206

All_screen Snap

ภาพคงที่ของฟังก์ชั่น Snap full_screen

แท็บความสูงทั้งหมด windows 11 โคลน

GIF แบบเคลื่อนไหวของฟังก์ชั่น Snap full_screen

แท็บหน้าต่างเต็มหน้าจอใน Windows 11

หากหน้าต่างย่อเล็กสุดไอคอนจะอยู่ใน Navbar (ทั้งหมดนี้เป็นศูนย์กลางโดยอัตโนมัติ)

ภาพคงที่

Navbar Windows 11 HTML CSS Clone

GIF เคลื่อนไหว

ไอคอนย่อเล็กสุดของ GIF NAVBAR

จำนวนผู้ชมเริ่มตั้งแต่วันที่ 3 กุมภาพันธ์ แต่โครงการจะอัปโหลดในเดือนธันวาคม

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด