蓦然JL

摘要： 一、 css3 transform 变换 translate(x,y) 设置盒子的位移 scale（x,y)设置盒子缩放 roate（dog) 设置盒子的旋转 skew（x-angle,y-angle） 设置盒子的斜切 perspective 设置透视距离 transform-styoleflat 阅读全文

摘要： 在一个复杂的背景上添加文字，文字能清晰展示，并尽可能的保留原背景的话，使用毛玻璃的效果去处理是非常合适的。 一、背景图毛玻璃 在 PhotoShop 中，毛玻璃主要使用 高斯模糊 和 羽化 。说白了就是模糊。 在 CSS 中，想要实现模糊效果，可以使用 滤镜 。背景通常设置成黑色、灰色或者白色，然后 阅读全文

摘要： [Intervention]Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupte 阅读全文

摘要： disable-devtool 可以禁用所有一切可以进入开发者工具的方法，防止通过开发者工具进行的 ‘代码搬运’。 该库有以下特性: 1、支持可配置是否禁用右键菜单2、禁用 f12 和 ctrl+shift+i 快捷键3、支持识别从浏览器菜单栏打开开发者工具并关闭当前页面4、开发者可以绕过禁用 (u 阅读全文

摘要： 在v-html属性标签的标签上添加 getImg 方法 <div class="content" v-html="content" @click="getImg($event)"></div> getImg方法，通过 $event 可获取用户当前点击的元素相应的内容，这里可以获取所点击图片对应的sr 阅读全文

摘要： 1. 禁用鼠标事件、移动端禁止图片长按保存功能（PC端禁止鼠标点击事件，移动端禁止触摸事件还有长按事件） .no-events { pointer-events: none } 2.移动端禁止用户长按文字选择功能 .unselect { -webkit-touch-callout:none; -we 阅读全文

摘要： 要使用 CSS 美化被选中的文字，可以使用 ::selection 伪元素选择器来设置样式。该选择器会选中用户在页面上所选中的文本，因此您可以使用它来应用样式来改变文本的外观。 例如，要将被选中的文本的背景色设置为黄色，可以使用以下 CSS 代码： ::selection { background- 阅读全文

摘要： 1.文字溢出显示省略号 单行文字： 一定要设置宽度 p{ ​ • width:200px; ​ • overflow:hidden; text-overflow:ellipsis; white-space:nowrap; ​ ​ ​ } 多行文字溢出显示省略号p{display:-webkit-bo 阅读全文

摘要： 在实现更加立体的阴影效果前，需要了解一下 CSS 阴影基础。 CSS 阴影基础 CSS 中，明面上可以实现阴影的有三个属性： box-shadow - 盒阴影 text-shadow - 文字阴影 filter: drop-shaodw() - 滤镜内的阴影 关于它们的基础语法和使用就不过多描述，这 阅读全文

摘要： 01、页面动画出现闪烁 在Chrome and Safari浏览器中，在使用transforms或者animations这类过渡属性和动画的时候可能会出现页面的闪烁情况那此时我们就可以使用一下代码来尝试回避。 .cube { -webkit-backface-visibility: hidden; 阅读全文