hexo-theme-stellar/source/css/_plugins/lazyload.styl

32 lines
758 B
Stylus
Raw Normal View History

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
2021-03-04 22:30:56 +08:00
.group-body .site-card .card-link>img
2021-03-04 23:38:41 +08:00
trans-site filter
2021-03-04 22:30:56 +08:00
.group-body .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
2021-03-04 22:30:56 +08:00
.group-body .site-card .card-link>img
2021-03-04 23:38:41 +08:00
trans-site opacity
2021-03-04 22:30:56 +08:00
.group-body .user-card .card-link>img
2021-03-04 23:38:41 +08:00
trans-user opacity