css
关注
分享
扫一扫
闹闹没有闹
这个作者很懒，什么都没留下…
展开
-
css背景(小logo)实现动画效果
图片效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit.原创 2021-10-30 18:38:07 · 753 阅读 · 0 评论 -
点击出现文字效果
代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &l.原创 2021-05-25 21:35:33 · 172 阅读 · 0 评论 -
标题--分页器--上下页的swiper案例
版本号：Swiper 3.4.2<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Swiper中文网基础演示(www.swiper.com.cn)</title> <link rel="stylesheet" href="./css/swiper.min.原创 2021-05-09 17:53:47 · 394 阅读 · 0 评论 -
（父子传参）子传父，双向绑定
内部传参给外面（一）this.$emit(“change”)触发外面的函数，使用ref得到里面的数据，在外面父亲里面求值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>内部原创 2020-12-27 15:33:16 · 1317 阅读 · 0 评论 -
纯css的文本溢出省略号（...）表示
`单行文本隐藏` width: 300px; /* 1. 溢出省略号显示 */ white-space: nowwarp;//nomal(文本换行) nowwarp （不换行） /* 2.溢出的部分隐藏起来 */ overflow: hidden; /* 3. 文字溢出的时候用省略号来显示 */ text-overflow: ellipsis; /转载 2020-11-09 20:57:58 · 370 阅读 · 0 评论 -
标签第一行有文字，设置其余行空白占位(多行省略)
核心代码如下： height: 68px; line-height: 34px; // 可要可不要，为了垂直居中好看些 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; 设置流媒体格式-webkit-box-orient: vertical; 设置排列.原创 2020-11-14 20:01:48 · 157 阅读 · 0 评论