전체 글2 CSS_애니메이션 주요 속성 CSS 애니메이션에서 사용하는 주요 속성 1. @keframes @keframes 다음에는 반드시 name을 정해야 하며, 애니메이션에서 적용될 지점을 설정 한다. - 2 단계 변경: from{} 변경전 , to{} 변경후 내용을 설정함 - 3단계 이상 변경 : %로 변경지점 설정 ( 총 4단계 일 경우 예시 : 0% {} 25%{} 50% {} 75% {} 100% {} ) 2. animation-name 움직일 요소 안에 지정해야하는 필수 요소이며, @keyframes 에서 지정한 name과 일치 시켜야 애니메이션을 실행 할수 있다. .. 2024. 5. 23. CSS 개념 최근 개발되는 웹 표준 개방 방법론에 따르면HTML은 문서의 구조, CSS는 스타일, JavaScript는 동작을 서로 분리합니다. 그렇다면 웹의 스타일을 주는 CSS에 대해서 좀더 상세히 알아 보겠습니다. CSS개념 CSS는 Cascading Style Sheets의 줄임말로 HTML 요소들이 어떻게 화면에 표시할 것인지를 정의하는 시트합니다. HTML을 집 짓는 것으로 비유 하자면, HTML은 집 짓는 것이고 CSS는 인테리어를 하는 것이라고 할 수 있습니다. 같은 내용의 문서라도 스타일을 어떻게 꾸며주는지에 따라서 전혀 달라보이는 페이지가 됩니다. 만약, 웹 문서를 HTML로만 구성한다면 우리가 평상시 웹 서핑에서 보는 페이지와는 달리아주 밋밋한 페이지라고 할수 있겠습니다. 그 예시로 아래.. 2024. 5. 7. 이전 1 다음 반응형
