![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
花颜#
记录工作中的点点滴滴!
展开
-
Vue引入新下载字体
1、将新下载字体放入文件夹中2、新建一个scss样式文件,引入字体@font-face { font-family: 'PingFangSC-Light'; src: url('../assets/Fonts/PingFangSC-Light.ttf');}3、在main.js文件中全局引入scss文件import '@/style/common.scss'...原创 2021-07-22 14:12:58 · 748 阅读 · 0 评论 -
CSS3——Animation 动画
1、基本用法Animation需要指定动画一个周期持续的时间,以及动画效果的名称div { // 简写 -webkit-animation: 1s rainbow; animation: 1s rainbow;}@keyframes rainbow { 0% { background: #c00; } 50% { background: orange; } 100% { background: yellowgreen; }}2、属性2.1 animation-nam原创 2021-06-03 14:34:53 · 432 阅读 · 0 评论 -
CSS——去除滚动条
/* 此处的 div 可以依照情况替换成对应的元素名称 */ div::-webkit-scrollbar{ display:none }注:vue_cli脚手架中在App.vue文件中写入原创 2021-03-24 15:26:45 · 14964 阅读 · 0 评论 -
CSS——伪元素&:before画圆、插入图片
1、伪元素&:before<template> <div> <h3 class="total-title">今日新增量</h3> <div/><template><style> h3 { position: relative; &:before { // top: 5px; // left: -15px;原创 2021-03-08 16:34:16 · 7620 阅读 · 0 评论