小 |
小 |
||
第62行: | 第62行: | ||
} | } | ||
− | .rainbow-glow-- | + | .rainbow-glow--wrapper::before { |
+ | content: " "; | ||
position: absolute; | position: absolute; | ||
left: 0; | left: 0; | ||
第71行: | 第72行: | ||
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; | ||
− | filter: blur( | + | filter: blur(2px); |
} | } | ||
第101行: | 第102行: | ||
<div style="display: flex; justify-content: center; margin: 0 2rem;"> | <div style="display: flex; justify-content: center; margin: 0 2rem;"> | ||
<div class="rainbow-glow--wrapper"> | <div class="rainbow-glow--wrapper"> | ||
− | |||
<div class="rainbow-glow--content">YOOHOO</div> | <div class="rainbow-glow--content">YOOHOO</div> | ||
</div> | </div> |
2021年4月13日 (二) 16:17的版本
/ / 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.