SoloLearn CSS 번역

CSS3

• CSS3 is the latest standard for CSS.
  • CSS3는 CSS의 최신 표준이다.
• CSS3 is completely backwards-compatible with earlier CSS versions.
  • CSS3는 이전 CSS 버전과 완벽하게 호환된다.

• Some of the most significant new features are:
  • 가장 중요한 새로운 기능 중 일부는 다음과 같다.

• Border radius: allows us to create rounded corners for elements.
  • element에 대해 둥근 모서리를 생성할 수 있다.
• Border images: allows us to specify an image as the border around an element.
  • element를 경계로 이미지를 지정할 수 있다.
• Multiple backgrounds: applies multiple backgrounds to elements.
  • element에 여러 배경을 적용한다.
• Animations and effects, and much more.
  • 애니메이션과 효과 외에도 더 많이 있다.

CSS3: New Features

CSS3: 새로운 기능

• To make web development easier and faster, CSS3 introduces additional new features, including the following:
  • 웹 개발을 더 쉽고 빠르게 만들게 하기 위해 CSS3에는 다음과 같은 새로운 기능이 추가되었다.

Box Shadow

box-shadow 속성

• With the box-shadow property, you can attach one or more shadows to an element by specifying values for color, size, blur, and offset.
  • box-shadow 속성을 사용하면 color, size, blur, offset의 값을 지정해서 하나 이상의 그림자를 element에 첨부할 수 있다.

Gradients (gradation)

그라디언트 (그라데이션)

• CSS3 gradients allow us to set the background color of the element to a gradient.
  • CSS3 gradient를 사용하면, element의 배경색을 gradient로 설정할 수 있다.
• Two types of gradients are available: linear and radial.
  • 선형과 방사형의 두 가지 type의 gradient를 사용할 수 있다.

Most of the new features have been implemented by major web browsers, so you can already enjoy the power of CSS3.

대부분의 새로운 기능은 주요 웹 브라우저에서 구현되었으므로, CSS3의 기능을 이미 사용할 수 있다.

• Transforms allows you to rotate, scale, move, and skew elements.
  • Transforms는 rotate, scale, move, skew element를 허용한다.

• Another popular feature is Transitions which allows you to animate from one CSS property value to another.
  • 또 다른 인기 있는 기능은 Transitions이다.
  • 이는 CSS 속성 값에서 다른 속성 값으로 애니메이션을 적용할 수 있다.
• You can combine it with transforms and animate the element’s position, rotation, or scale.
  • 이를 transform과 함께 결합하고, element의 position, rotation, scale을 애니메이션 할 수 있다.

• The property attracting the most attention is Animations.
  • 가장 주목받는 속성은 Animations이다.
• CSS Animations have their own specifications, and they allow you to create keyframes, set duration, easing, and more.
  • CSS Animations에는 고유한 명세가 있으며, keyframes를 생성하고, 기간을 설정하고, 용이하게 할 수 있다.

Most of the new features have been implemented by major web browsers, so you can already enjoy the power of CSS3.

대부분의 새로운 기능은 주요 웹 브라우저에서 구현되었으므로, CSS3의 기능을 이미 사용할 수 있다.

QUIZ

• Is it possible to have multiple backgrounds in CSS3?
  • CSS3에서 여러 배경을 가질 수 있는가?

Yes

• CSS defines two types of gradients: linear and …
  • CSS는 두 가지 type의 gradient를 정의한다.
  • linear와 …

radial

방사형

• Which CSS3 feature allows animation from one CSS property value to another?
  • 하나의 CSS 속성 값에서 다른 속성 값으로 애니메이션을 허용하는 CSS3 기능은 무엇인가?

Transitions