"미디어위키:Vector.css"의 두 판 사이의 차이
Encyves Wiki
3번째 줄: | 3번째 줄: | ||
h2{font-weight:bold} | h2{font-weight:bold} | ||
− | . | + | #stuff { |
− | + | opacity: 0.0; | |
+ | -webkit-transition: all 500ms ease-in-out; | ||
+ | -moz-transition: all 500ms ease-in-out; | ||
+ | -ms-transition: all 500ms ease-in-out; | ||
+ | -o-transition: all 500ms ease-in-out; | ||
+ | transition: all 500ms ease-in-out; | ||
} | } | ||
− | + | #hover { | |
− | + | width:80px; | |
+ | height:20px; | ||
+ | background-color:green; | ||
+ | margin-bottom:15px; | ||
+ | } | ||
+ | #hover:hover + #stuff { | ||
+ | opacity: 1.0; | ||
} | } |
2017년 8월 2일 (수) 22:01 판
/* 이 CSS 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */
h2{font-weight:bold}
#stuff {
opacity: 0.0;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#hover {
width:80px;
height:20px;
background-color:green;
margin-bottom:15px;
}
#hover:hover + #stuff {
opacity: 1.0;
}