小 |
小 |
||
| 第76行： | 第76行： | ||
</div> | </div> | ||
| − | <div style="display: flex; justify-content: center"> | + | == Some effects == |
| − | <div style="position: relative; width: 8rem; height: 4rem;"> | + | |
| − | <div style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 8px;"></div> | + | {| style="width: 100%" |
| − | <div style="">YOOHOO</div> | + | |- |
| + | | | ||
| + | Rainbow Glow | ||
| + | || | ||
| + | <div style="display: flex; justify-content: center; margin: 0 2rem;"> | ||
| + | <div class="rainbow-glow--wrapper" style="position: relative; width: 8rem; height: 4rem; padding: 4px; box-sizing: border-box;"> | ||
| + | <div class="rainbow-glow--glow" style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 8px; background-image: conic-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00); box-sizing: border-box;"> </div> | ||
| + | <div class="rainbow-glow--content" style="position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; padding: .5rem 1rem; width: 100%; height: 100%; background-color: #fff; color: #000; border: solid 2px #000; border-width: 2px 3px 4px; border-radius: 6px; box-sizing: border-box;">YOOHOO</div> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | || | ||
| + | Purely inline styles. | ||
| + | |||
| + | Notes: | ||
| + | * The <code>filter</code> property will eliminate inline styles (wish I could use this on the glow layer though) | ||
| + | |} | ||
2021年3月14日 (日) 01:20的版本
/ / 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
http://un1c0de.xyz/
to find out who I am and what I am doing
:D
Some effects
|
Rainbow Glow |
YOOHOO
|
Purely inline styles. Notes:
|