神奇的css
一些神奇的css实现
不想996了的小姑娘
这个作者很懒,什么都没留下…
展开
-
vue根据父组件传值修改内联样式的 值
<div style="{ opacity: `${signInfo.fillingConfig.opacity}`, transform: `rotate(${signInfo.arrayingConfig.iconRotate}deg)`, }"></div>原创 2021-12-06 13:41:05 · 641 阅读 · 0 评论 -
火狐浏览器滚动条样式修改 css
纯css设置Firefox火狐浏览器的滚动条样式设置Firefox滚动条样式的css属性只有 scrollbar-color 和 scrollbar-width 这两个。看名字就知道第一个是设置滚动条颜色的,第二个是设置滚动条(竖直方向)宽度,(水平方向)高度的。在Firefox中设置滚动条的样式```typescript<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /&转载 2021-07-21 15:15:44 · 2784 阅读 · 0 评论 -
vue baidumap background myLabel使用本地图片
找了半天原因发现应该是分号层级不对 myLabel.setStyle({ cursor: "pointer", background: 'url("'+$_this.pointUrl1+'/map-pointer-e1.png")', });或者 myLabel.setStyle({ cursor: "pointer", bac原创 2021-05-07 16:23:10 · 237 阅读 · 0 评论 -
平面图拖动标记,计数,保存
<template></template> <div class="plan-bg"> <div class="btns"> <el-col :span="4"> <div> <el-button type="cyan" icon="el-icon-edit" size="medium" @click="hand原创 2021-03-24 16:03:02 · 153 阅读 · 0 评论 -
css实现水波纹球及放大缩小的动态效果
代码如下 <div class="bruce flex-ct-x"> <div class="ball" :class="[ this.statusFlag? 'ball-warning': '']"> <div class="title"> <span class="num">{{ total }}</span ><br .原创 2021-01-19 14:53:22 · 668 阅读 · 0 评论 -
纯css实现div背景色从左到右的刷动效果
动画主要靠这个部分实现@keyframes LeftToRight { from { transform: scaleX(0); } to { transform: scaleX(1); }}//使用{ animation: LeftToRight 3s infinite;}具体代码如下 <div class="text"> <p>设备接入</p> <div.原创 2021-01-19 14:36:08 · 2631 阅读 · 0 评论 -
提示框样式,鼠标放上显示提示内容
<span class="tool-tips"> <span class="tool-tips-text">提示内容</span></span>// 提示框.tool-tips { background: url('../../../../../assets/media/app/img/icons/icon_tips@2x.png') no-repeat; background-size: contain;}.tool-.原创 2020-11-19 16:13:54 · 977 阅读 · 3 评论