小 |
小 |
||
第76行: | 第76行: | ||
.rainbow-glow--gradient::before { | .rainbow-glow--gradient::before { | ||
content: " "; | content: " "; | ||
+ | display: block; | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
background-image: conic-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00); | background-image: conic-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00); | ||
box-sizing: border-box; | box-sizing: border-box; | ||
+ | annimation: rotate 1s linear; | ||
+ | } | ||
+ | |||
+ | @keyframes rotate { | ||
+ | 0% { | ||
+ | transform: rotate(0); | ||
+ | } | ||
+ | |||
+ | 100% { | ||
+ | transform: rotate(1turn); | ||
+ | } | ||
} | } | ||
2021年4月13日 (二) 16:30的版本
/ / b. / *#V .i A .##. _..-#] A .#. .# *#. ___________ ..-=########7 i#. %## ;#' q#. `^----=######=############7 b ;###. O###T 4 ;7 9#. 'q####P^*'` "'` ##- ##### ;#### .## -=A ;# .###. ##:"` ### ;##`##; J### -###7 .=##%} .-=..#: ;#`##. .##' _.--==- .##; ##7 |## .### _-##### .#####= @#######7 :#7 ##o d## .-=######7 ;## ;##` ###. ;##" -+=^*`##: .####* &#** ;##. ##: `###. .###$P^*"` " ##; ##: #### $#: ##7 .### ## #^##. ;##' ####. :##` .## ;## ##$#; ##' ;## .##P ## #7 `##. ### =###-### .. ;#7 d#: .#7?## :#7 ##7 .##P ## ;# >#k> ### ... `#####7 ..--==######=-._ ## .-=##' ;#' $#./#: %## &#$ .=A ## .##+=euG; d################' .-=################H. ;##=###### ## ?#L## ###* *###v==###=##7 ##########7.##################.-#####$P^*"'` `*^V* @###=^` t# .#7 ###: <@##; `##########/ *$^#` `>#####^*"` `*#########*` *#° Y d#' :##: *V *" ' #7 .###*` B#####P* .## K^` ## 4$*` *@##* ##: .# .$ `V* z@# /7 7 *# # 7 ;7 !
Visit my personal website to find out who I am and what I am doing.
Some effects
- The
filter
property will eliminate inline styles (wish I could use this on the glow layer though)
CREmoteFixes
This may fix most of inconsistent vertical alignment and allow better visual effect.
After testing in CR emoticon pages, this fix isn't quite ideal because icons may either have oversized width, or non-transparent background, etc.