V
主页
CSS - 一步一步教您如何创建可扩展侧边栏
发布人
视频地址: https://www.youtube.com/watch?v=fIR3isyFV8s 您将看到如何创建具有可扩展和可折叠状态的固定位置侧边栏,如何利用 CSS flexbox 轻松调整布局,以及如何使用 JavaScript 在不同状态之间切换。此外,我们还将通过流畅的 CSS 过渡来增强你的设计,并确保你的侧边栏菜单对移动设备友好。 在本前端开发教程中,我们将使用 HTML、CSS 和 JavaScript 创建一个可扩展/可折叠的侧边栏菜单。侧边栏菜单是许多网站的重要元素,可帮助用户轻松浏览不同的部分。本视频将逐步指导您创建响应迅速、用户友好的可扩展侧边栏导航,以提高网站的可用性和设计。 您将学习如何使用 HTML 设置基本页面布局,使用 CSS 的 Flexbox 和 CSS 变量设置侧边栏样式,并使用最少的 JavaScript 使侧边栏具有交互性。我们将演示如何为菜单项设计样式、实现平滑的动画过渡,并确保侧边栏在不同尺寸的屏幕上都能响应。
打开封面
下载高清视频
观看高清视频
视频下载器
React Native - 使用 Reanimated 的自定义侧边菜单
CSS - 花里胡哨 - (附源码)纯CSS实现的悬停3D视差效果
CSS - "如何将DIV居中 "终于有了答案(新的 css 属性)
CSS - 无需 JavaScript,只需 CSS 即可实现无限滚动的跑马灯
CSS - 20 分钟学会 CSS Flexbox
CSS - 这些 CSS 专业技巧会让你大开眼界
CSS - 2D图片转换成3D效果就是这么简单
CSS - 将花里胡哨进行到底(附源码) - 鼠标悬停图片切换特效
CSS - (附源码)Hover时带有玻璃反光效果的导航栏
CSS - border-radius实现的简单动画
按钮特效
HTML、CSS、JavaScript创建疯狂的轮播图特效
CSS - 支持鼠标滚轮的无限循环的图片轮播图
使用 Nuxt 3、TailwindCSS 和 Prisma 构建和部署全栈社交媒体应用程序#完整课程
CSS - 花里胡哨 - @property属性应用示例
CSS -(附源码) 不使用JS创建具有动画效果的Tab标签
CSS - 如何使用FlexBox
项目实战 - 使用 HTML CSS JavaScript 一步一步构建完整的个人作品集网站
CSS - 如何完美的让文本换行
Flutter - 不使用苹果开发者账号,苹果电脑免费创建iOS IPA包
使用 HTML、CSS 和 JavaScript 设计响应式寺庙网站
JS - 有了这个新操作符 ?=,你再也不需要 Try⧸Catch 了
使用HTML和CSS创建个人作品集网站
CSS - (附源码)渐变彩色文字擦拭动画
使用HTML和CSS创建的我们的服务卡片悬停效果 | 源码下载
Flutter - 绿植商店APP UI
动态边框
Flutter - 使用Rive创建植物生长动画
使用 JavaScript 创建倒计时的计时器
一闪一闪亮晶晶,满屏都是小星星(CSS特效)
Flutter - 带有推送功能的聊天应用
01 - 欢迎和第一步(从0开始,42万+学生选择!HTML & CSS网站开发实战课程)
学习CSS动画,这一个网站可能就够了
JS - 两分钟学会使用at()
CSS 脉冲动画效果
CSS - 利用 CSS 梯度创建令人惊叹的饼图
使用HTML和CSS绘制水滴
密码强度验证
昼夜切换的CSS动画背景
你必须知道23种CSS特效