文件名称：50个项目：HTML，CSS，JS中的50个小项目（Brad Traversy在Udemy上的课程）
文件大小：276KB
文件格式：ZIP
更新时间：2024-03-01 18:58:17
CSS
50个项目 现场演示 描述 具有可扩展动画的可点击图像卡 样式进度跟踪栏 全页旋转动画以显示导航 展开搜索图标以显示文本框 加载页面逐渐成为焦点 动态内容输入滚动动画 双着陆页，鼠标焦点扩展了动画 表单字段上的文本移动动画单击 具有HTML音频的可点击音板 爸爸笑话发生器从外部API提取内容 每按一次，在浏览器中获取事件键代码 常见问题解答页面，点击扩展部分 随机决策者的交互式决策者 导航栏上的动画打开和关闭 在页面加载时动画的数据计数器 每日水跟踪器，具有计算出的总数和杯子动画 具有外部API的电影数据库应用程序以加载内容 具有匹配背景和焦点图像的全屏图像滑块 具有明暗模式样式切换的动画模拟时钟 单击按钮时的波纹动画效果 具有动态样式和随机图像的拖放框 使用Canvas API使用画笔大小和颜色选择的绘图应用 旋转三角形CSS动画以获得唯一的页面加载元素 内容占位符框，带有2秒微妙的加载
【文件预览】：
50projects-main
----24-ContentPlaceholder()
--------script.js(1019B)
--------style.css(2KB)
--------index.html(1KB)
----23-KineticLoader()
--------style.css(1015B)
--------index.html(326B)
----22-DrawingApp()
--------script.js(2KB)
--------style.css(846B)
--------index.html(653B)
----10-DadJokes()
--------script.js(450B)
--------style.css(1KB)
--------index.html(579B)
----3-RotatingNavigation()
--------script.js(299B)
--------style.css(2KB)
--------index.html(2KB)
----14-AnimatedNav()
--------script.js(163B)
--------style.css(2KB)
--------index.html(670B)
----6-ScrollAnimation()
--------script.js(432B)
--------style.css(881B)
--------index.html(900B)
----11-KeyCode()
--------script.js(375B)
--------style.css(808B)
--------index.html(409B)
----17-MovieApp()
--------script.js(2KB)
--------style.css(2KB)
--------index.html(460B)
----9-SoundBoard()
--------script.js(531B)
--------style.css(664B)
--------index.html(641B)
--------sounds()
----13-RandomChoice()
--------script.js(1KB)
--------style.css(843B)
--------index.html(546B)
----20-ButtonRipple()
--------script.js(487B)
--------style.css(968B)
--------index.html(387B)
----19-ThemeClock()
--------script.js(2KB)
--------style.css(2KB)
--------index.html(754B)
----15-IncrementingCounter()
--------script.js(508B)
--------style.css(631B)
--------index.html(1KB)
----1-ExpandingCards()
--------script.js(314B)
--------style.css(1024B)
--------index.html(1KB)
----README.md(3KB)
----16-DrinkWater()
--------script.js(1KB)
--------style.css(2KB)
--------index.html(1KB)
----21-DragNDrop()
--------script.js(840B)
--------style.css(686B)
--------index.html(562B)
----7-SplitLandingPage()
--------script.js(482B)
--------style.css(2KB)
--------index.html(576B)
----18-BackgroundSlider()
--------script.js(808B)
--------style.css(1KB)
--------index.html(2KB)
----8-FormWave()
--------script.js(263B)
--------style.css(2KB)
--------index.html(787B)
----2-ProgressSteps()
--------script.js(1KB)
--------style.css(2KB)
--------index.html(719B)
----26-DoubleVerticalSlider()
--------script.js(1KB)
--------style.css(2KB)
--------index.html(2KB)
----12-FAQCollapse()
--------script.js(193B)
--------style.css(2KB)
--------index.html(3KB)
----4-HiddenSearch()
--------script.js(236B)
--------style.css(949B)
--------index.html(723B)
----5-BlurryLoading()
--------script.js(648B)
--------style.css(606B)
--------index.html(364B)
----25-StickyNavigation()
--------script.js(252B)
--------style.css(2KB)
--------index.html(3KB)