Line 2,260: | Line 2,260: | ||
overflow:visible; | overflow:visible; | ||
border:100px solid rgba(0,0,0,0.7); | border:100px solid rgba(0,0,0,0.7); | ||
+ | -moz-box-sizing:border-box; | ||
+ | -webkit-box-sizing:border-box; | ||
box-sizing:border-box; | box-sizing:border-box; | ||
+ | -webkit-transition: all 0.4s ease-in-out; | ||
+ | -moz-transition: all 0.4s ease-in-out; | ||
+ | -o-transition: all 0.4s ease-in-out; | ||
+ | -ms-transition: all 0.4s ease-in-out; | ||
transition: all 0.4s ease-in-out; | transition: all 0.4s ease-in-out; | ||
} | } | ||
− | |||
.collage-text a.info { | .collage-text a.info { | ||
position:relative; | position:relative; | ||
− | top:-10px; | + | top:-10px; |
opacity: 0; | opacity: 0; | ||
+ | -webkit-transition: opacity 0.5s 0s ease-in-out; | ||
+ | -moz-transition: opacity 0.5s 0s ease-in-out; | ||
+ | -o-transition: opacity 0.5s 0s ease-in-out; | ||
+ | -ms-transition: opacity 0.5s 0s ease-in-out; | ||
transition: opacity 0.5s 0s ease-in-out; | transition: opacity 0.5s 0s ease-in-out; | ||
} | } | ||
− | |||
.collage-text:hover .mask { | .collage-text:hover .mask { | ||
opacity: 1; | opacity: 1; | ||
border:100px solid rgba(0,0,0,0.7); | border:100px solid rgba(0,0,0,0.7); | ||
} | } | ||
− | |||
.collage-text:hover a.info { | .collage-text:hover a.info { | ||
− | + | opacity:1; | |
− | + | -moz-transition-delay: 0.3s; | |
+ | -webkit-transition-delay: 0.3s; | ||
+ | -o-transition-delay: 0.3s; | ||
+ | -ms-transition-delay: 0.3s; | ||
+ | transition-delay: 0.3s; | ||
} | } | ||
+ | |||
</style> | </style> |
Revision as of 06:09, 12 October 2018