【每日一练】166—纯CSS实现响应式对话气泡效果
写在前面 对话气泡效果，在一些聊天工具里，我们会经常看到，最直接就是我们微信聊天工具，我们每天都会见到这样的效果，但是，如果要实现这样一个效果，你会有哪些方法呢？ 今天，我们就一起来写一个这样的效果...
【每日一练】104—Tailwind CSS实现一款修改密码强度即可查看图片清晰度的效果
写在前面 今天这个练习是通过目前比较流行的一个CSS框架Tailwind CSS来实现的，如果你之前有使用其他CSS框架经验的话，比如，有使用过Bootstrap，那今天你来使用这个Tailwind ...
【每日一练】103—纯CSS实现的一款炫酷卡片效果
我们经常会在各大平台看到很多产品的卡片效果，以及一些个人单页网站上的个人资料介绍时，也会用到各种卡片效果来展示信息，这种卡片式的设计，可以帮助我们分门别类的归类各种信息，让内容更加有条理。 因此，今天...
【每日一练】102—一款微交互菜单的实现
写在前面 今天这个小组件练习，也是我们在实际开发中使用比较多的，因为这样的布局设计，可以为我们节省页面空间，特别是页面内容比较多的时候，我们既要保证页面的美观性又要保证用户的体验好，有时候，我们两者都...
【每日一练】101—一款登录表单UI效果的实现
写在前面 今天这个练习是一个登录表单样式效果，之前也写过一些表单效果，现在，我们不多说，一起来看看它的最终效果： HTML: <!doctype html> <html> &l...
【每日一练】03—实现动画循环进度
写在前面 今天是【每日一练】的第三练，也是持续学习的第三天。如果想学习一门技能，三分钟热度，是绝对不行的，因此，我开了这个【每日一练】栏目，把自己这些年坚持学习的习惯，通过这个栏目分享给你，希望你也能...
【每日一练】02-CSS实现发光按钮Hover效果
写在前面 昨天，我们开启了【每日一练】的第一天练习，今天我们开始第二天的练习，希望你能坚持学习，不管学什么做什么，坚持还是比较重要的，但是方向也要对，这样，我们到达目的地才只是时间的问题。 对于【每日...
【每日一练】41—网站页面内容占位加载动画效果的实现
今天练习一个页面内容加载时，内容占位动画效果，这个也是我们经常在一些网站上看到的效果，这种效果的设计，可以提升用户体验，降低用户等待焦虑的情绪。 下面我们一起来看看一下今天练习的最终效果： HTML...
【每日一练】159—CSS实现一个列表
以下是今天练习的最终效果： HTML: <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF...
【每日一练】35—一个简单的弹出框效果的实现
我们今天练习一个简单的弹窗效果，具体效果如下： HTML: <!DOCTYPE html> <html> <head> <title>【每日一练】35...
