Tag: gradient

  • วิธีไล่สีตัวอักษรด้วย CSS

    วิธีไล่สีตัวอักษรด้วย CSS

    ในการสร้างคอนเท้นต์ในเว็บไซต์นั้น บางทีเราต้องการไล่สีให้ตัวอักษรเพื่อความสวยงาม โดยตัวเอกของเราในครั้งนี้จะเป็น

    background-clip: text;
    -webkit-background-clip: text;

    และสิ่งที่เราใช้ประกอบด้วยคือ การใช้พื้นหลังแบบไล่สี รวมถึงให้ตัวอักษรเราโปร่งใส

    background: linear-gradient(to right, #40e0d0, #ff8c00, #ff0080);
    color: transparent;

    ตัวอย่างการไล่สีตัวอักษรด้วย CSS