我想在前端页面中做一个类似于win10设置的鼠标移动显示鼠标附近的border

类似于这种 图片说明图片说明

0

2个回答

css3边框是可以用渐变的

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">
.box {
    width: 200px;
    height: 100px;
    border: 2px solid;
    border-image: radial-gradient(100px 100px at 0% 0%, rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%);
    border-image-slice: 2;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
1
jslang
天际的海浪 回复toumakazusa0528: 是的,应该很容易做
9 个月之前 回复
toumakazusa0528
toumakazusa0528 那就是先获取鼠标的位置然后让鼠标周围的div 的border渐变是吗?
9 个月之前 回复

现在的问题是我现在只知道怎么用event获取鼠标位置。但是怎么让附近的border显示并且不显示完全不知道该怎么实现

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!

相似问题

2
怎么能在屏幕最前端显示一行字体?
4
前端html ajax向后端发送请求,后端如何在校验的同时又能跳转页面呢?
1
请教各位大神想做前端网页图表展示数据,利用web API方式调用后台spark程序返回结果的系统
6
前端如何动态生成网页
6
Echarts前端图,地图的图标显示比例怎么调整。官网文档找不到在哪里,求前端朋友帮忙。
10
想做一个相册只要前端的就可以,希望大神能给提供一个现成的
5
maven项目中,启动tomcat服务器后,在前端登录页面输入中文,后台接受的数据乱码
6
怎么在前端实现发邮件的布局效果?
1
数据库里的二进制数据如何转成十进制显示在前端界面上
1
请问如何把本地的一个前端项目通过nginx部署到虚拟机上?
5
Spring boot 前端页面跳转的时候,用户请求数据,后台怎么知道是谁在请求
1
关于带数学公式的word转文本,然后在前端渲染展示出来
14
java 怎么返回整个页面给前端??
6
前端js中Map取值问题,如下:
6
【前端问题】请问我怎么在页面上显示用户本地的图片?
3
java前后端分离之后前端怎么展示数据
1
python后端接收到数据,怎么主动发送给前端呢?
1
前端问题:如何让自己的页面在用户手机中,强制不旋转。(video)
2
pagehelper的问题。page和row写法是固定的?不需要和前端标齐吗
4
前端开发 背景图片如何适配不同设备?