2021-03-04 23:38:41 +08:00
|
|
|
trans-cover($p, $t = 0.28s)
|
2022-11-05 00:13:32 +08:00
|
|
|
trans2pro: transform 0.5s $p $t
|
2021-03-04 23:38:41 +08:00
|
|
|
trans-site($p)
|
2021-08-28 13:08:32 +08:00
|
|
|
trans2: box-shadow transform $p
|
2021-03-04 23:38:41 +08:00
|
|
|
trans-user($p)
|
|
|
|
trans3: box-shadow transform $p
|
|
|
|
|
2021-03-04 22:30:56 +08:00
|
|
|
if hexo-config('plugins.lazyload.transition') == 'blur'
|
2021-03-04 23:38:41 +08:00
|
|
|
img.lazy
|
|
|
|
trans-cover filter
|
2021-02-24 21:27:31 +08:00
|
|
|
&:not(.loaded)
|
|
|
|
filter blur(8px)
|
2021-03-08 00:20:51 +08:00
|
|
|
-webkit-filter blur(8px)
|
2021-03-04 23:38:41 +08:00
|
|
|
&.loaded,&.error
|
2021-02-24 21:27:31 +08:00
|
|
|
filter none
|
2021-03-08 00:20:51 +08:00
|
|
|
-webkit-filter none
|
2024-01-03 00:32:19 +08:00
|
|
|
.site-card .card-link>img
|
2021-03-04 23:38:41 +08:00
|
|
|
trans-site filter
|
2024-01-03 00:32:19 +08:00
|
|
|
.user-card .card-link>img
|
2021-03-04 23:38:41 +08:00
|
|
|
trans-user filter
|
2021-02-24 21:27:31 +08:00
|
|
|
else
|
2021-03-04 23:38:41 +08:00
|
|
|
img.lazy
|
|
|
|
trans-cover opacity 0.5s
|
2021-02-24 21:27:31 +08:00
|
|
|
&:not(.loaded)
|
|
|
|
opacity: 0
|
2021-03-04 23:38:41 +08:00
|
|
|
&.loaded,&.error
|
2021-02-24 21:27:31 +08:00
|
|
|
opacity: 1
|
2024-01-03 00:32:19 +08:00
|
|
|
.site-card .card-link>img
|
2021-03-04 23:38:41 +08:00
|
|
|
trans-site opacity
|
2024-01-03 00:32:19 +08:00
|
|
|
.user-card .card-link>img
|
2021-03-04 23:38:41 +08:00
|
|
|
trans-user opacity
|