我的全栈之旅第17和第18天 – CSS变得花哨 🎨

📝

内容提要

最近我探索了CSS的多种强大功能，包括Grid布局、平滑变换与过渡、关键帧动画、图像适应和CSS滤镜，发现其应用远超样式设计。

🎯

关键要点

• 探索了CSS的多种强大功能

• CSS Grid是一种灵活的布局系统，优于浮动和Flexbox

• 使用变换和过渡使元素平滑移动和动画

• 创建了关键帧动画，看到元素生动起来

• 使用Object-Fit和Object-Cover避免图像拉伸

• CSS滤镜可以通过一行代码实现模糊、灰度和亮度效果

• CSS的功能超越了样式设计

🏷️

标签

CSS Grid布局 动画 滤镜 过渡