css
女程序媛的修炼笔记
一直修炼,持续升级,打败内心懒惰的小怪兽
展开
-
css——指定某个区域可垂直或水平滑动
1.指定区域可上下滑动效果如下:##### html: <div class="demo"> <div>语文</div> <div>数学</div> <div>音乐</div> <div>历史</div> <div>地理</div> <div>政治</div原创 2020-07-08 10:33:07 · 7957 阅读 · 6 评论 -
vue--横向切换手风琴动画效果demo
demo效果图如下:html:<div class="or-container"> <div class="box" :class="eleindex ==i?'eleactive':''" v-for="(ele,i) in piclist" :key="i" @mouseenter="enter(i)" @mouseleave="out(i)"> <img :src="ele.img">原创 2020-06-01 15:18:37 · 2381 阅读 · 0 评论 -
vue的v-for遍历渲染列表单独控制显示隐藏
效果图如下所示:先抛出代码给急用的童鞋参考:知识点有两个:v-for遍历渲染图片控制显示和隐藏(不用看css)鼠标悬浮图片出现灰膜 (css控制)注意:只放了css的重要代码 <section class="feature-area section-padding"> <div class="container"> <h2>图文教程</h2> <div class="row">原创 2020-05-28 11:46:56 · 2580 阅读 · 3 评论 -
导航按钮点击三杆变×
效果图如图所示实现代码html<!DOCTYPE html><html lang="en"><head> <!-- Required Meta Tags --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-原创 2020-05-09 15:17:55 · 702 阅读 · 0 评论