溶解過渡
透明度與對比度同時收斂,像膠片溶解。
效果預覽
參數調節
完整代碼
/* 溶解過渡 */
@keyframes dissolve {
from { opacity: 0; filter: contrast(1.8) brightness(1.5); }
to { opacity: 1; filter: contrast(1) brightness(1); }
}
.dissolve { animation: dissolve .8s ease-out both; }