随笔分类 -  CSS

【CSS】- 伪类绘制三角形
摘要：::before { content: ""; position: absolute; top: -20px; left: 50%; width: 0px; height: 0px; border: 10px solid transparent; /*以下四个样式对应四种三角形，任选其一即可实现*/ 阅读全文
posted @ 2023-02-01 09:20 迷你胡丶 阅读(171) 评论(0) 推荐(0) 编辑
【CSS】 - 电子数字屏
摘要：效果图： 1、HTML <div class="digits" id="digits" v-html="html"></div> 2、JS clocknum(num) { var html = ""; var strarr = num.toString().split(""); var digit_ 阅读全文
posted @ 2022-12-22 14:05 迷你胡丶 阅读(201) 评论(0) 推荐(0) 编辑
【CSS】- 文字长度超出省略显示
摘要：/* 显示一行，省略号 */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; /* 显示两行，省略号 */ text-overflow: -o-ellipsis-lastli 阅读全文
posted @ 2021-05-14 13:14 迷你胡丶 阅读(130) 评论(0) 推荐(0) 编辑
【CSS】- transition元素过度（实现元素缩放的样式变化动画）
摘要：1、控制单一属性，进行单一属性的样式过度 .class1 { width: 100px; transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */ -webkit-transition: width 2s; /* Safari 阅读全文
posted @ 2021-05-14 13:12 迷你胡丶 阅读(445) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示