【每日一练】167—CSS实现一款实用的响应式卡片效果
今天这个卡片效果，我个人觉得还是非常实用的，具体效果如下： HTML代码： <!DOCTYPE html> <html lang="en" > <head> <...
【每日一练】166—纯CSS实现响应式对话气泡效果
写在前面 对话气泡效果，在一些聊天工具里，我们会经常看到，最直接就是我们微信聊天工具，我们每天都会见到这样的效果，但是，如果要实现这样一个效果，你会有哪些方法呢？ 今天，我们就一起来写一个这样的效果...
【视频号】—25款CSS实现的加载动画效果
每次在视频号上分享视频内容，都会有很多小伙伴来问，源码在哪里获取，图片素材在哪里获取？今天我统一说明一次，以后，我们视频号上的内容，如果有源码的话，都是在我们的网站：www.webqdkf.com上进...
【每日一练】163—CSS实现每日一练列表
写在前面 这个列表是采用<ol>标签实现的，虽然它在一般开发中使用频率不高，但是，我个人觉得好还是非常实用的。因为在有些时候，我们用<ol>标签比用<ul>标签更加...
【每日一练】161—CSS实现横向滚动列表
今天练习的最终效果： HTML： <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8...
【每日一练】162—CSS实现一款常见文章UI卡片效果
文章列表的UI卡片是我们在很多新闻类型或者博客开发项目中，会经常遇到的，因此，今天我们就来写一个比较常见的文章UI效果，最终效果如下： HTML: <!DOCTYPE html> <...
【每日一练】106—CSS实现一款圆形水滴卡片UI的效果
写在前面 今天这个练习是一款CSS实现的圆形水滴卡片的效果，这种卡片式的效果，它的应用场景也非常多，主要是这种效果，条理清晰，方便阅读，因此，一直受开发者们的喜欢，下面，我们就一起来看一下，今天这个卡...
【每日一练】105—CSS实现一款输入文本动画的效果
写在前面 关于这个CSS实现的文本动画效果，我们在前面也分享过很多，今天这个是一个输入文本框样式的动画效果，它的最终效果如下： HTML: <!DOCTYPE html> <html...
【每日一练】104—Tailwind CSS实现一款修改密码强度即可查看图片清晰度的效果
写在前面 今天这个练习是通过目前比较流行的一个CSS框架Tailwind CSS来实现的，如果你之前有使用其他CSS框架经验的话，比如，有使用过Bootstrap，那今天你来使用这个Tailwind ...
【每日一练】103—纯CSS实现的一款炫酷卡片效果
我们经常会在各大平台看到很多产品的卡片效果，以及一些个人单页网站上的个人资料介绍时，也会用到各种卡片效果来展示信息，这种卡片式的设计，可以帮助我们分门别类的归类各种信息，让内容更加有条理。 因此，今天...
