css
zzzzoey_
这个作者很懒,什么都没留下…
展开
-
css 页面二维码类的 绝对定位滑动隐藏
<style>* { padding: 0; margin: 0; border-box: box-sizing;}html, body { width: 100%; height: 100%; background-color: #eee;}.qrcode { padding-left: 30px; width: 200px; height: 250px; position: fixed; bottom: 100px; left: .原创 2020-06-24 18:28:49 · 262 阅读 · 0 评论 -
为图片添加遮罩层,并在鼠标悬停时切换遮罩层 css
效果图需求:第一层遮罩层,背景色带文字第二层遮罩层,隐藏,鼠标悬停时切换隐藏状态,并把第一层遮罩层隐藏html结构: <div class="imgItem"> <img src="/public/Home/cases/case_01.jpg" /> <!-- 第一层遮罩层 --> <div class=...原创 2020-02-10 22:45:15 · 1225 阅读 · 0 评论 -
css 水平垂直居中
相对于页面对块元素进行垂直居中.login { position: absolute;; width: 5rem; top: 50%; left: 50%; transform: translate(-50%,-50%);}原创 2020-01-15 18:53:19 · 735 阅读 · 0 评论 -
css 图片中间部分放大
object-fit: cover;原创 2020-02-10 17:32:44 · 1412 阅读 · 0 评论 -
带三角形的导航栏样式 html css
效果图代码:<div class="row select_tab"> <div class="col select ">1. 选择版本</div> <div class="col ">2. 经营信息</div> <div class="col ">3. 店铺信息</div> <div ...原创 2020-02-09 18:00:17 · 623 阅读 · 0 评论