当前位置： 首页 > news >正文

css阴影效果

news 2024/5/14 21:29:32
实现css阴影效果
.tesr{
    width: 96%;
margin-left: 2%;
padding-top: 5%;
margin-top: 5%;
box-shadow: -2px 0 0 #1aad19, //左阴影
0 -2px 0 #3d4145,//上
0 2px 0 #5340e6, //下
2px 0 0 #f43530;//右
height: 200px;
margin-bottom: 10%;
}

<div class="tesr">
  
  </div>



http://www.taodudu.cc/news/show-3890055.html

相关文章：

  • 高并发场景
  • react 项目中使用 iconfont
  • np.seterr(divide=‘ignore‘, invalid=‘ignore‘)
  • Maximo 使用 REST API 创建 Cron Task
  • Web自动化测试(一)
  • Docker容器目录挂载到主机
  • css给图片添加阴影效果方法
  • css 阴影 效果_CSS阴影效果
  • CSS3 box-shadow 效果大全（内阴影，外阴影，三边阴影，双边阴影，单边阴影，细线描边…）
  • CSS 阴影效果（盒子阴影，文字阴影）
  • vue中使用mock模拟数据
  • vue项目中使用mock模拟数据
  • 前端数据模拟的几种方法
  • LabVIEW控制Arduino实现模拟数据采集（基础篇—8）
  • 前端使用mockjs模拟接口数据
  • KEPServerEX 6 模拟数据（OPCUA 通道创建连接）
  • 微信小程序——使用mock.js模拟数据
  • SQL Father - 模拟数据生成器（后端）
  • 在微信小程序项目中使用mock模拟数据
  • Vue脚手架中使用Mock模拟数据、aixos实现ecahrts
  • 基于ONENET云平台数据的MQTT协议的使用及模拟数据和搭建。
  • 一个模拟数据的网站
  • 用faker模拟数据
  • 前端写json模拟数据
  • 关于使用rap2接口模拟数据
  • vue项目使用mock模拟数据并实现列表的增、删、分页、批量操作功能
  • fastmock在线模拟数据
  • vite+vue3中使用mock模拟数据
  • mock模拟数据
  • 如何使用json-server模拟数据
  • Mock模拟数据生成接口
  • dbeaver mock data generator （数据库模拟数据生成）
  • 【Vue】使用mock模拟数据
  • react使用mockjs模拟数据
  • 前端项目模拟数据两种方式
  • 几种前端模拟数据使用方案