标签：每日一练
【每日一练】184—CSS 实现的弹窗动画效果
昨天，我尝试着用AI来写一个简单的效果，写完后，我跟大家分享了AI写的代码，看完AI写的代码后，我觉得AI取代不了程序员这个职业，毕竟机器不是人，机器只能...
【每日一练】183—用ChatGPT3.5写了一个登录效果
写在前面 今天这个练习，我是用Visual Studio Code里的Chat-GPT中文版里的3.5模型直接实现，我没有修改一行代码，我唯一做的事情，就是把这个代码复制到了ht...
【每日一练】182 — CSS实现响应式自定义列表属性效果
今天练习的最终效果如下： HTML代码： <!DOCTYPE html> <html lang='en' > <head> <meta charset='UTF-8'> <title>【每日...
【每日一练】181—CSS实现的响应式定价表效果
今天这个练习，是我在给一个外贸公司做自建独立站时找的素材案例，我个人觉得还不错，UI样式简单干净清晰，所以，今天就把它直接分享出来作为练习案例了，希...
【每日一练】180—CSS实现一个漂亮的矢量插画效果
我记得在很早之前，我分享过一组用CSS实现的动画人物的插画效果，《纯CSS制作辛普森一家卡通人物》，截图如下： 今天，我们再来看一个关于CSS实现...
【每日一练】179— CSS实现一款文章卡片式列表效果
今天这个练习，唯一不一样的地方，就是练习里的图片，是AI生成的。 并且AI生成的各种图片，可以随意使用，也不会涉及到版权问题，以后大家想用什么样的图片...
【每日一练】177—CSS实现一款响应式的时间轴效果
今天我们再来练习一个关于时间轴的小示例，具体效果如下： HTML代码： <!DOCTYPE html> <html > <head> <meta charset='UTF-8'> ...
【每日一练】176—CSS实现的卡片效果
我们一起来看一下今天的练习，具体效果如下： HTML代码： <!DOCTYPE html> <html lang='en' > <head> <meta charset='UTF-8'> &...
【每日一练】175—CSS实现博客文章列表卡片式效果
今天这个练习很实用，具体效果如下： HTML代码： <!DOCTYPE html> <html lang='en' > <head> <meta charset='UTF-8'> &l...
【每日一练】172—实现一款霓虹灯文本效果
我们很久没有写文本效果了，今天就来写一个文本的霓虹灯效果，具体效果如下： HTML代码： <!DOCTYPE html> <html lang='en' > <head> ...
【web前端开发】一个专业而懂你的前端开发技术研究学习交流平台，每天不定时分享前端技术内容与案例，编程图书与课程，前端开发工具等学习资源，我们坚持每天学习一点点，每天进步一点点，关注我们，一起学习成长进步。
同名公众号【web前端开发】
