css
关注
分享
扫一扫
sharp_wu
这个作者很懒，什么都没留下…
展开
-
css 模拟手机充电水滴效果
看个效果图，没办法搞gif魔法师开始表演万能的div出场 <div class="container"> <div class="drop"></div> <div class="drop"></div> <div class="drop"></div> <div class="collection"></div> <sp原创 2021-01-14 15:18:45 · 509 阅读 · 0 评论 -
css 文字溢出部分替换为省略号
单行省略文字超出盒子大小时，会溢出自动换行然而我们只想在一行上显示，多余部分变成省略号，需要如何处理呢？css魔法师登场设置一个长为100px的div<div class="content">Do you like driving ?</div> .content { width: 100px; border: 1px solid #ccc; }魔法师药剂overflow: hidden; // 超出部原创 2021-01-13 18:18:01 · 532 阅读 · 0 评论 -
CSS 实现炫酷的动态背景效果
活不多说，直接开始效果图：HTML：一个万能的div <div class="bgc"></div>主要是css部分使用background属性纯色线性渐变(linear-gradient)径向渐变(radial-gradient)角向渐变(conic-gradient)多重线性渐变(repeating-linear-gradient)多重径向渐变(repeating-radial-gradient)多重角向渐变(repeating-conic-原创 2021-01-09 11:23:42 · 5779 阅读 · 1 评论 -
css3之3d动画呈现
利用css3完成3d效果的简单呈现动画效果用图片呈现不出来，大家自己动手写一个看看吧新建html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>原创 2020-12-25 18:39:45 · 217 阅读 · 0 评论 -
css3动画完成打字机效果
新建一个html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div cl原创 2020-12-25 16:47:21 · 724 阅读 · 4 评论