目录

chen 的个人博客

VX:TiAmo151028
Phone:13403656751
Email:zxydczzs@gmail.com

标签: css (5)

css给图片加阴影的两种方式 有更新!

1、box-shadow 方式 1{ 2 box-shadow: rgb(249 254 184) 0px 0px 20px; 3} 效果差强人意 2、filter 方式 1{ 2 filter: drop-shadow(rgb(249, 254, 184) 0px 0px 8px); 3} 效果达到了预期

EasyUI报错[Intervention] Unable to preventDefault inside passive event listener due to 有更新!

在使用 EasyUI 的 slider 组件时,拖动滑块报错[Intervention] Unable to preventDefault inside passive event listener due to。 解决方法: 在 style 全局样式添加* {touch-action: pan-y;}, pan-y 表示启用单指垂直平移手势(上下滑动事件)。 1* { 2 touch-action: pan-y; 3} 参考:https://blog.csdn.net/weixin_44157964/article/details/108053521

css旋转div盒子

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .xuanzhuan{ width: 300px; height: 300px; position: relative; top: 250px; left: 550px; background-color: #FF8C00; /* transform: rotate(333deg); */ } </style> </head> <body> <div class="xuanzhuan"> </div> </body> </html> 关键代码是:/* transform: rotate(333deg); */ 旋转前: 将关键代码注释解开: transform: rotate(333deg); 还可以在开发者工具中任意旋转。任意旋....

PS、CSS使图片高斯模糊 有更新!

一、PS图片高斯模糊 1、打开ps,将图片导入。 2、菜单栏选择滤镜-模糊-高斯模糊 3、将半径修改即可,值越大越模糊。 二、CSS调整图片高斯模糊 <img src="https://m1.shanhelinks.com/static/img/mpbackground/bgshexiang.jpg"> <div class="backgr-text"> <h1>Hello World</h1> <h2>Blurred Background Image</h2> </div> <style> img { width: 100%; height: 2048px; -webkit-filter: blur(4px); filter: blur(15px); margin-top: 20px; } h1 { color:red; } .backgr-text { position: absolute; top: 20%; left: 50%; transform: translate(-....

JavaScript屏幕触摸和弹起事件以及map、area标签的使用 有更新!

实现一张完整的图片点击不同的区域实现不同的功能。