weixin_43807981的博客

效果如下 下载链接

要实现一个比较粗的字体描边 用到的css属性 -webkit-text-stroke: 0.22rem #BF6C2F; 直接使用没有达到理想的效果，采用两层div，给其中一层添加描边样式并加粗；用absolute布局覆盖描边层 <div class="my-score-1"> {{myScore}}<span>分</span> </div> <div class="my-score-2"> {{myScore}}<span&

.main-page { width: 100%; height: 100%; background: #fff; .box-container { width: 74px; height: 38px; background: #333; border-radius: 18px; padding: 1px; box-sizing: border-box; transition: all 0.7s ease; -webkit-..

页面引用 import LScroll from "../../../components/lyricScroll/scroll.vue"; components: { LScroll, }, <div class="lyric-container"> <l-scroll ref="lyric" :color="color" .

效果预览：金色按钮是目标按钮； 用到的vue样式绑定和过度动画； 前端代码： <a v-on:click="show = !show"> <img :class="{btn:show,btn1:!show}" src="/static/bh/btn2.png"> </a> css样式如下 .btn { ...