跳到主要内容

溶解过渡

透明度与对比度同时收敛,像胶片溶解。

效果预览
参数调节
完整代码
/* 溶解过渡 */
@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; }