<template>
<text>百度一下</text>
</template>
<script>
export default {
mounted() {},
methods: {},
};
</script>
<style>
body {
background: none;
}
text {
font-size: 8em;
background: #58a;
color: white;
border: 1px solid black;
border-radius: 10px;
text-shadow: 0 1px hsl(0, 0%, 85%),
0 2px hsl(0, 0%, 80%),
0 3px hsl(0, 0%, 75%),
0 4px hsl(0, 0%, 70%),
0 5px hsl(0, 0%, 65%),
0 5px 10px black;
transition: .3s;
}
text:active {
text-shadow: none;
}
</style>
CSS实现按下文字效果
最新推荐文章于 2024-04-26 16:34:13 发布