수니리즘

    radial-gradient 1

    [CSS3] gradient : 배경에 그라디언트 색상과 모양 지정하기

    border-radius와 마찬가지로 특정 요소의 배경에 그라디언트 색상을 지정하기 위해서는 일일이 포토샵에서 이미지 작업을 한 뒤, CSS에서 background 속성을 지정해 줘야 했습니다. 하지만 CSS3 gradient를 이용하면 간단히 CSS의 코드 수정만으로도 원하는 그라디언트의 모양과 색을 자유자재로 변형할 수 있습니다. (1) background : 그라디언트 모양(방향, 색상1, 색상2); ※ 그라디언트의 색상의 개수는 원하는 만큼 추가할 수 있습니다. 그라디언트의 모양에는 선형 그라디언트와 원형 그라디언트가 있습니다. 다음의 예제를 통해 gradient 속성 값에 따라 달라지는 모양의 변화를 확인해보겠습니다. 4개의 를 생성한 후 에 공통으로 넓이와 높이 값을 지정해 준 후, nth-c..

    💕IT 공부하기/CSS3 2023.04.19
    이전
    1
    다음
    더보기

    공지사항

    • 2023년 정기 기사 제2회 필기시험 원서접수 관련 주요 안내사항
    • 분류 전체보기 (150)
      • 💜Health and Wellness💜 (18)
      • 💕IT 공부하기 (40)
        • 데이터베이스 (27)
        • CSS3 (13)
      • 💕자격증 정보 (51)
        • 기능사 (19)
        • 산업기사 (22)
        • 기능장 (4)
        • 관세사 (4)
        • 공인중개사 (1)
      • 💕꿈풀이 해몽읽기 (31)
      • 카페💕디저트 (9)
      • 💕동네맛집추천 (1)
      • 💕K디지털기초역량훈련 (0)
        • 웹퍼블리싱 (0)
        • UX·UI (0)
    반응형

    Copyright © Kakao Corp. All rights reserved.

    티스토리툴바