"미디어위키:Vector.css"의 두 판 사이의 차이
Encyves Wiki
20번째 줄: | 20번째 줄: | ||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
margin-bottom:50px; | margin-bottom:50px; | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
31번째 줄: | 27번째 줄: | ||
padding-right:10px; | padding-right:10px; | ||
display: block; | display: block; | ||
+ | transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(기본) */ | ||
+ | -webkit-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 크롬/사파라ㅣ) */ | ||
+ | -moz-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 파폭) */ | ||
+ | -o-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 오페라) */ | ||
+ | |||
} | } | ||
2017년 8월 3일 (목) 02:22 판
/* 이 CSS 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */
h2{font-weight:bold}
.dropbtn {
cursor:point
}
.dropdown:before {
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
margin-bottom:50px;
}
.dropdown-content a {
padding-right:10px;
display: block;
transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(기본) */
-webkit-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 크롬/사파라ㅣ) */
-moz-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 파폭) */
-o-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 오페라) */
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: lightgray;
}