類似于這種
我想在前端頁面中做一個類似于win10設置的鼠標移動顯示鼠標附近的border
慕標琳琳
2019-04-17 17:15:03
2 回答
瀟湘沐
TA貢獻1816條經驗 獲得超6個贊
css3邊框是可以用漸變的
<!doctype html>
<html>
<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>
添加回答
舉報
0/150
提交
取消