"미디어위키: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;
    transition:all 1s ease .1s; 
+
 
 
      
 
      
 
}
 
}
36번째 줄: 36번째 줄:
 
     opacity:1;
 
     opacity:1;
 
     display: block;
 
     display: block;
 +
    -webkit-transform:translateY(0px);
 +
    -moz-transform:translateY(0px);
 +
    transform:translateY(0px) -webkit-transition: all 0.5s ease-in-out;
 +
    -moz-transition: all 0.5s ease-in-out;
 +
    transition: all 0.5s ease-in-out;
  
 
}
 
}

2017년 8월 3일 (목) 02:44 판

/* 이 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;
   
}

.dropdown-content a:hover {background-color: #f1f1f1}


.dropdown:hover .dropdown-content {
    opacity:1;
    display: block;
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    transform:translateY(0px) -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}

.dropdown:hover .dropbtn {
    background-color: lightgray;
}