CSS | 컴퓨터

CSS 고도 속성

elevation 속성은 소리가 수직으로 나오는 위치를 설정합니다. 가능한 값은 다음과 같습니다 - 각도 - 고도를 -90deg 사이의 각도로 지정합니다. 및 90도 . 0도 느슨하게 청취자와의 수평을 의미하는 전방 수평선에 의미합니다. 90도 직접적인 오버헤드를 의미하며 -90deg 바로 아래를 의미합니다. 아래 − -90deg와 동일합니다. 레벨 − 0deg와 동일합니다. 위 − 90도와 동일합니다. 높게 − 현재 고도에 10도를 추가합니다. 낮게 − 현재 고도에서 10도를 뺍니다. CSS 고도 속성을 구현하기 위해 다음

CSS로 애니메이션 효과 페이드 아웃

CSS를 사용하여 이미지에 페이드 아웃 애니메이션 효과를 구현하려면 다음 코드를 실행해 보세요. 예시 <html> <head> <style> .animated { background-image: url(/css/images/logo.png);

CSS에서 페이지 크기를 설정하는 값

페이지 크기를 설정하는 데 사용할 수 있는 4가지 값이 있습니다 - 자동 − 페이지 상자는 대상 시트의 크기와 방향으로 설정됩니다. 가로 − 대상의 방향을 무시합니다. 페이지 상자는 대상과 크기가 같고 긴 쪽이 가로입니다. 세로 − 대상의 방향을 무시합니다. 페이지 상자는 대상과 크기가 같고 짧은 쪽이 가로로 되어 있습니다. 길이 - 크기 속성의 길이 값은 절대 페이지 상자를 만듭니다. 길이 값을 하나만 지정하면 페이지 상자의 너비와 높이를 모두 설정합니다. 크기 속성에는 백분율 값을 사용할 수 없습니다. 다음 예에서는

CSS로 바운스 인 다운 애니메이션 효과

CSS로 바운스 인 다운 애니메이션 효과를 구현하려면 다음 코드를 실행해 보십시오 - 예시 <html> <head> <style> .animated { background-image: url(/css/images/logo.png);

CSS로 배경 이미지의 크기 지정

CSS background-size 속성은 배경 이미지의 크기를 지정하는 데 사용됩니다. background-image를 구현하기 위해 다음 코드를 실행할 수 있습니다 - 예시 <html> <head> <style> #demo { border: 5px dashed green; &

CSS를 사용한 왼쪽 애니메이션 효과의 바운스

CSS로 Bounce In Left Animation Effect를 구현하려면 다음 코드를 실행해 보십시오. − 예시 <html> <head> <style> .animated { background-image: url(/css/images/logo.png); &nbs

CSS background-origin 속성

CSS background-origin 속성은 배경 이미지의 위치를 지정하는 데 사용됩니다. 예시 background-origin 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다. <html> <head> <style> #demo { border: 5px dashed red; &nb

CSS를 사용한 올바른 애니메이션 효과의 바운스

CSS로 Bounce In Right Animation Effect를 구현하려면 다음 코드를 실행해 보십시오 - 예시 <html> <head> <style> .animated { background-image: url(/css/images/logo.png); &nbs

CSS를 사용한 바운스 아웃 애니메이션 효과

CSS로 바운스 아웃 애니메이션 효과를 구현하려면 다음 코드를 실행해 보십시오. 예시 <html> <head> <style> .animated { background-image: url(/css/images/logo.png);

CSS로 애니메이션 효과를 바운스 아웃

CSS로 Bounce Out Down Animation Effect를 구현하려면 다음 코드를 실행해 보십시오 - 예시 <html> <head> <style> .animated { background-image: url(/css/images/logo.png); &nbs

CSS를 사용한 바운스업 애니메이션 효과

CSS로 Bounce Up Animation Effect를 구현하려면 다음 코드를 실행해 보십시오. - 예시 <html> <head> <style> .animated { background-image: url(/css/images/logo.png); &nbs

CSS로 왼쪽 애니메이션 효과를 바운스 아웃

CSS로 Bounce Out Left Animation Effect를 구현하려면 다음 코드를 실행해 보세요. 예시 <html> <head> <style> .animated { background-image: url(/css/images/logo.png);

CSS 배경 클립 속성

CSS background-lip 속성은 배경의 페인팅 영역을 선언하는 데 사용됩니다. CSS에서 background-clip 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다 - 예시 <html> <head> <style> #demo { border: 5px dashed red; &nbs

CSS를 사용하여 한 섹션에 모든 배경 이미지 속성 설정

CSS 배경 속성은 한 섹션에서 모든 배경 이미지 속성을 설정하는 데 사용됩니다. 예시 다음 코드를 실행하여 background 속성을 구현할 수 있습니다. <html> <head> <style> #demo { background: lightblue url("https://www.tutorial

CSS 일시 중지 속성

이 속성은 pause-before 설정의 약어입니다. 및뒤에 일시중지 . 두 개의 값이 주어지면 첫 번째 값은 pause-before입니다. 두 번째는 일시 중지 후입니다. 예시 CSS에서 pause 속성의 예를 살펴보겠습니다 - <style> <!-- /* pause-before: 20ms; pause-after: 20ms */ h1 { pause : 20ms } /* paus

CSS pause-before 속성

이 속성은 요소의 내용을 말하기 전에 관찰할 일시 중지를 지정합니다. 가능한 값은 시간 − 절대 시간 단위(초 및 밀리초)로 일시 중지를 나타냅니다. 백분율 − speech-rate 값의 역수를 나타냅니다. 재산. 예를 들어 말하기 속도가 분당 120단어(단어가 0.5초 또는 500ms가 소요됨)인 경우 pause-before 100%는 500ms의 일시 중지 및 이전 일시 중지를 의미합니다. 20%는 100ms를 의미합니다.

CSS로 배경의 페인팅 영역을 선언하는 방법

CSS background-clip 속성은 배경의 페인팅 영역을 선언하는 데 사용됩니다. CSS로 background-clip 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다 - 예시 <html> <head> <style> #demo { border: 5px dashed red; &nb

CSS로 배경 이미지 지정

CSS background-image 속성은 배경 이미지를 지정하는 데 사용됩니다. 다음 코드를 실행하여 배경 이미지를 설정할 수 있습니다 - 예시 <html> <head> <style> #demo { border: 5px dashed red;

CSS의 애니메이션 효과

애니메이션은 모션 효과를 만들고 모양을 변경하는 프로세스입니다.CSS는 이벤트 모션을 변경하기 위해 다양한 애니메이션 효과를 지원합니다. 애니메이션에서 개념 키프레임이 사용됩니다. 키프레임은 CSS3의 중간 애니메이션 단계를 제어합니다. 아래 예는 키프레임 구문을 사용하여 높이, 너비, 색상, 이름 및 애니메이션 지속 시간을 보여줍니다. − 구문 @keyframes animation { from {background-color: pink;} to {background-color: gr

CSS로 배경 이미지의 위치 지정

CSS background-origin 속성은 배경 이미지의 위치를 지정하는 데 사용됩니다. background-image 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다 - 예시 <html> <head> <style> #demo { border: 5px dashed red; &nb