CSS3에서 애니메이션의 키 프레임을 정의하는 방법입니다. @keyframes는 애니메이션의 특정 시점에 표시되어야 하는 키 프레임 스타일(또는 유지 지점)을 지정하여 CSS 애니메이션의 중간 링크를 제어합니다. 이를 통해 개발자는 브라우저가 모든 것을 자동으로 처리하도록 하는 대신 애니메이션의 더 많은 세부 사항을 제어할 수 있습니다. 자세한 내용은 https://developer.mozilla.org...
를 참조하세요.
위 코드의 의미는 0%, 50% 및 100% 키프레임이 페이지 요소의 수직 이동을 정의한다는 것입니다.
#으로 시작하는 것은 선택기이고, @로 시작하는 것은 선택기가 아닌 CSS의 기능적 클래스 식별자입니다. 다음은 CSS의 기능적 키워드에 대한 참조입니다. 여기서 특별한 주의가 필요한 것은 이러한 키워드가 모두 "@로 시작"하더라도 "@으로 시작" 규칙이 있다는 의미가 아니라 나타나는 단어와 동일하다는 것입니다. 나중에 특별하고 명확한 기능(예: "@media", "@keyframes" 등)을 갖는 예약된 키워드로 함께 나타나므로 별도로 볼 수 없습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Css3의 키프레임 앞에 @만 있는 것이 아닙니다. 다른 것으로 변경할 수 있나요? 나는 이것을 조사하지 않았습니다.
으아악정해진 글쓰기 방식이므로 이유는 없습니다
@로 시작하고 사용 가능한 키워드가 뒤따르는 이 키워드는 CSS가 수행해야 하는 작업을 나타내는 식별자 역할을 합니다.
구문은 정해져 있으니 걱정하지 말고 그냥 사용하세요
CSS3에서 애니메이션의 키 프레임을 정의하는 방법입니다.
를 참조하세요.@keyframes는 애니메이션의 특정 시점에 표시되어야 하는 키 프레임 스타일(또는 유지 지점)을 지정하여 CSS 애니메이션의 중간 링크를 제어합니다.
이를 통해 개발자는 브라우저가 모든 것을 자동으로 처리하도록 하는 대신 애니메이션의 더 많은 세부 사항을 제어할 수 있습니다.
자세한 내용은 https://developer.mozilla.org...
위 코드의 의미는
0%, 50% 및 100% 키프레임이 페이지 요소의 수직 이동을 정의한다는 것입니다.
, . 및 #
의 차이점 으아악<span class="stress bigsize" id="big">안녕하세요, 세상</span>
포스터에서 셀렉터에 대해 물었으니 @import 스타일에 대해 여쭤볼까?
@import는 외부 스타일을 가져오는 데 사용됩니다. <style></style>에서 다른 스타일 시트를 도입할 수 있습니다. 예를 들어 CSS에서 여러 외부 스타일을 가져올 수 있습니다.
으아악
@keyframes는 @import url('index.css');와 같은 방식으로 작성되며 구문 키워드의 식별자일 뿐입니다.
왜
id要写#，class要写.，通配要写*. 뭐가 이렇게 헷갈리나요이렇게 쓰여있습니다. 질문하고 싶습니다. 감사합니다
#으로 시작하는 것은 선택기이고, @로 시작하는 것은 선택기가 아닌 CSS의 기능적 클래스 식별자입니다. 다음은 CSS의 기능적 키워드에 대한 참조입니다. 여기서 특별한 주의가 필요한 것은 이러한 키워드가 모두 "@로 시작"하더라도 "@으로 시작" 규칙이 있다는 의미가 아니라 나타나는 단어와 동일하다는 것입니다. 나중에 특별하고 명확한 기능(예: "@media", "@keyframes" 등)을 갖는 예약된 키워드로 함께 나타나므로 별도로 볼 수 없습니다.
@는 애니메이션 감지에 대한 CSS3의 특정 참조로, 일반적으로 볼 수 있는 요소 선택과 동일한 개념이 아닙니다