![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
瘦瘦瘦瘦不了
这个作者很懒,什么都没留下…
展开
-
按钮放大缩小跳动效果 纯css
【代码】按钮放大缩小跳动效果 纯css。原创 2022-09-27 13:23:03 · 1314 阅读 · 0 评论 -
滚动条样式修改
::-webkit-scrollbar { width: 8px; height: 10px;} ::-webkit-scrollbar-track { background: rgb(239, 239, 239); border-radius: 2px;} ::-webkit-scrollbar-thumb { background: #bfbfbf; border-radius: 10px;} ::-webkit-scrollbar-thumb:hover { b原创 2022-02-09 11:31:49 · 260 阅读 · 0 评论 -
长列表虚拟滚动
<div id="app"> <div class="list-wrap" ref="listWrap" @scroll="scrollListener"> <div class="scroll-bar" ref="scrollBar"></div> <div class="list" ref="list"> <div v-for="item in showList">{{原创 2021-05-25 11:18:34 · 315 阅读 · 0 评论 -
数字跳动效果(js、jquery)
<div class="numBox"> <div class="jump"> <div> <div class="number"><span class="num" id="num">60</span>+</div> <div class="text">演讲<br />嘉宾</div&...原创 2021-05-24 12:54:47 · 782 阅读 · 0 评论 -
flex布局,单个元素右对齐
.item{margin-left:auto}或.item{ flex: 1; text-align: right;}原创 2021-04-01 01:18:42 · 1348 阅读 · 0 评论 -
基于vue 旅游网移动开发
开发前准备项目配置 vue.config.jsconst path = require("path")function resolve (dir) { return path.join(__dirname,dir)}module.exports = { devServer:{ //运行时浏览器自动打开 open:true, proxy:{ "/api":{ target:"htt原创 2021-01-30 00:17:01 · 1164 阅读 · 0 评论 -
CSS单行文本和多行文本省略号设置
// 单行文本溢出省略号 span{ white-space: nowrap;/*设置不换行*/ overflow: hidden;/*设置隐藏*/ text-overflow: ellipsis;/*省略号*/ display: block;/*本身如果是块级元素可以省略此行*/}// 多行文本溢出省略号 span{ /* 显示方式,webkit内核 */ display: -webkit-box; overflow: hidden; text-overfl原创 2021-01-11 19:38:48 · 100 阅读 · 0 评论 -
字体图标的使用-iconfont 使用
自定义字体demo中只引用了一个TTF的后缀,所以src可以只写src: url(./'字体名字.ttf') format('truetype') 一句<style>/*定义字体*/@font-face { font-family: '字体名字'; src: url(./'字体名字.ttf') format('truetype'), url(./'字体名字.eot?') format('eot'), url(./'字体名字.woff')原创 2020-12-29 18:32:12 · 663 阅读 · 0 评论 -
css重置样式
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, i原创 2020-12-28 17:17:56 · 65 阅读 · 0 评论