|
|
(같은 사용자의 중간 판 24개는 보이지 않습니다) |
1번째 줄: |
1번째 줄: |
| .IM_POG-Section1 {
| | |
| background: rgba(40,40,0,0);
| |
| transition: background 1s;
| |
| }
| |
| .IM_POG-Section1a {
| |
| transform: translateX(30%);
| |
| transition: transform 1s;
| |
| }
| |
| .IM_POG-Section1b {
| |
| display:inline-block;
| |
| overflow:hidden;
| |
| transform: translateX(0%);
| |
| height:0px;
| |
| opacity:0;
| |
| transition:opacity 1s, transform 1s, height 1s;
| |
| }
| |
| .IM_POG-Section1:hover > .IM_POG-Section1a {
| |
| transform: translateX(0%);
| |
| }
| |
| .IM_POG-Section1:hover > .IM_POG-Section1b {
| |
| transform: translateX(0%);
| |
| height:max-content;
| |
| opacity:1;
| |
| }
| |
| .IM_POG-Section1:hover {
| |
| background: rgba(0, 0, 0, 0.7);
| |
| }
| |