CSS3.0 Maker – รับโค้ด CSS สำหรับเส้นขอบ เอฟเฟ็กต์เงากล่อง และอื่นๆ

เราได้ตรวจสอบตัวสร้างโค้ด CSS สองสามตัวก่อนหน้านี้ เช่นLayer StylesและThemeShock CSS Drop Shadow Generator ทั้งสองอย่างยอดเยี่ยม แต่มีข้อ จำกัด เนื่องจากสร้างโค้ดสำหรับเอฟเฟกต์เดียวเท่านั้น CSS3.0 Makerเป็นโปรแกรมสร้างโค้ด CSS อัตโนมัติที่สร้างโค้ดสำหรับเส้นขอบ เงาข้อความ เงากล่อง เอฟเฟ็กต์เส้นขอบและการเอียง ปรับขนาดหรือหมุนองค์ประกอบ คุณสามารถทำงานกับไฟล์ CSS หลายไฟล์ (สไตล์ที่แตกต่างกันในแต่ละไฟล์) โดยสร้างไฟล์ที่แตกต่างกัน ดาวน์โหลดโค้ดเป็นไฟล์ HTML และเพิ่ม CSS เป็นชีตภายใน บริการนี้จะบอกคุณว่า Chrome, Firefox, Internet Explorer, Safari และ Opera เวอร์ชันใดที่เอฟเฟกต์จะแสดงผลและอุปกรณ์มือถือใดที่จะรองรับ

หากต้องการสร้างไฟล์หลายไฟล์ คุณจะต้องสมัครใช้งานบัญชีฟรี สามารถใช้บริการนี้ได้โดยไม่ต้องสร้าง ผิดปกติพอสมควร ไซต์ให้คุณเพิ่มเอฟเฟกต์เมื่อคุณไม่ได้ลงชื่อเข้าใช้ เอฟเฟกต์เพิ่มเติมที่มีให้ (เมื่อออกจากระบบ) ได้แก่ เอฟเฟกต์ไล่ระดับสี แอนิเมชัน และการเปลี่ยนภาพ เมื่อใช้ในฐานะผู้ใช้ที่ไม่ได้ลงทะเบียน ไซต์จะไม่อนุญาตให้คุณเพิ่มเอฟเฟกต์หลายรายการ หากคุณเลือกที่จะใช้บริการโดยไม่ลงทะเบียนบัญชี คุณจะเห็นแถบแนวนอนใต้ส่วนหัวของเว็บไซต์ที่ให้คุณเลือกลักษณะพิเศษต่างๆ

หากคุณต้องการเพิ่มเอฟเฟ็กต์หลายรายการ ให้สมัครบัญชีฟรีและสร้างไฟล์ คุณสามารถสร้างไฟล์ได้โดยคลิกที่New Fileในโฮมเพจ หรือไปที่My Files ป้อนชื่อสำหรับไฟล์ของคุณ เลือกแก้ไขและการเปลี่ยนแปลงทั้งหมดที่คุณทำจะถูกบันทึกลงในไฟล์นี้ ไปที่ แท็บ หน้าแรกเพื่อเริ่มแก้ไขเอฟเฟ็กต์

หากต้องการย้ายไปมาระหว่างเอฟเฟ็กต์ต่างๆ ให้ใช้เมนูดร็อปดาวน์บนแท็บหน้าแรก หากต้องการเปลี่ยนสีขององค์ประกอบและปรับความทึบ ให้ไปที่เอฟเฟกต์ RGBA หากต้องการเพิ่มเส้นขอบหรือเปลี่ยนรูปแบบเส้นขอบ ให้ไปที่Border Radius เอ ฟเฟ็กต์ Text ShadowและBox Shadowจะสร้างเอฟเฟ็กต์เงาด้านหลังองค์ประกอบหรือข้อความ คุณสามารถเอียงและปรับขนาดได้จากเอ ฟเฟ็กต์ การแปลง CSSและชดเชยเส้นขอบจากองค์ประกอบจากเอฟเฟ็กต์การชดเชยโครงร่าง

เมื่อคุณทำการเปลี่ยนแปลงทั้งหมดและใช้เอฟเฟ็กต์ที่คุณต้องการแล้ว ให้คลิกบันทึกแล้ว คลิก ดาวน์โหลดเพื่อดาวน์โหลดไฟล์ ทำการเปลี่ยนแปลงที่จำเป็น และคุณก็พร้อมใช้ CSS แล้ว บริการนี้ยอดเยี่ยมหากคุณต้องการทดลองการออกแบบหรือเพียงแค่ต้องการทดลองกับเอฟเฟกต์ CSS จำนวนมากสำหรับโครงการใดโครงการหนึ่ง

เยี่ยมชมเครื่องสร้าง CSS3.0