menu 喵雨の小屋
search assignment self_improvement

黑幕效果代码.md

MeowRain
MeowRain 2021年07月31日 阅读:234

title: 黑幕效果代码
categories: 🍋Code
tags: [code,黑幕]
date: 2021-02-20 23:07:00

示范:[DarkBText]这里是黑幕字体[/DarkBText]

代码使用(给小白看)

在你的网页直接引入css

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/LR787/cdn@latest/css/heimu.css">

再写

<span class="heimu">内容</span>

就可以使用了!

heimu.css代码内容

.heimu:hover {
    color:white;
    transition: color .23s linear;
    text-shadow: tomato;
}
.heimu {
    background-color: #252525;
    border-radius: 2px;
}

其实挺简单,没啥难度的,我顺便拉长了一下黑幕到显示的动画


而且我用的主题cutten就有带黑幕字体,示范: [DarkBText]黑幕在此![/DarkBText]

分类:
标签:
目录