【CSS】transition
transition


【CSS】hover 때 다음 동영상을 올렸습니다.

이것에 transition 를 추가해 조금 변화를 더해 보고 싶습니다

예.css
p:hover {
background-color: red;
}
p {
transition: all 5s;
}
어떻게 될까 하면 ...

배경색이 느긋하게 변화했습니다

セレクタ {
transition: 変化の対象 変化にかかる時間;
}
됩니다

이번에 말하면
변화의 대상 ··· all
변화에 걸리는 시간 ··· 5s
입니다.
all은 지정된 모든 선택기로 변경됩니다.
반대로 none이면 변화시키지 않는 설정으로 할 수 있습니다.
5s는 5초에 걸쳐 변화하고 5초에 걸쳐 돌아갑니다.
5s의 s는 second (초)의 s입니다.
Reference
이 문제에 관하여(【CSS】transition), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mikimikiman/items/af2f10c3f9a5bde7ba25텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)