- ALL
- java33
- linux32
- 工具17
- 其他14
- 数据库7
- git5
- nas5
- vue5
- 前端5
- ai3
- framework3
- windows3
- app2
- 脚本2
- docker2
- 智能家居2
- hexo2
- 小程序2
- maven2
- spring2
- api1
- 资源1
- mysql1
- markdown1
- 安全1
- python1
- question1
- 运维1
- 数据传输1
- 数据结构1
- nginx1
整个网站变为灰色
添加整个网站变灰的开关 添加网站变灰的css文件 12345html { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} index.styl 控制该css文件是否引入 12if hexo-config('whole_blog_grey.enable') @import 'grey/index.css' 效果
纯css实现文字滚动
横向滚动示例 html 123456<div class="marquee"> <div class="marquee-wrap" style="width: 430px;text-align: center"> <span class="yellow marquee-content">这是一断横向滚动的文字</span> </div></div> css 12345678910111213141516171819202122232425262728293031323334353637.marquee { overflow: hidden;}.marquee .marquee-wrap { width: 100%; animation: marquee-wrap 4s infinite linear;}.marquee...
前端代码示例及记录
背景图片自适应大小 12345background-image: url("../../static/permission/login-bg.png");background-repeat: no-repeat;background-size: 100% 100%;height: 100vh;width: 100vw; 点击非目标元素使目标消失 1234<img src="../../static/equip/tip.png" class='has-tooltip' @click="clickImg" @click.stop="tooltipShow = true"/><div class="tooltip-div" v-bind:class="tooltipShow ? 'o-1' : 'o-0'" ref="showTooltip"> <span...
element-ui 组件样式修改
el-select 样式修改 原生 修改后 组件 1234567891011121314<el-select v-model="czValue" default-first-option size="small" class="e-m-t-20 e-m-l-20" style="width: 100px" > <el-option v-for="item in czList" :key="item.code" :label="item.name" :value="item.code"> ...