没有合适的资源?快使用搜索试试~ 我知道了~
launch-countdown-timer-main
共18个文件
svg:5个
jpg:4个
md:3个
需积分: 5 0 下载量 148 浏览量
2021-03-17
19:27:01
上传
评论
收藏 119KB ZIP 举报
温馨提示
前端导师-启动倒数计时器解决方案 这是一种解决方案。 前端导师挑战可帮助您构建现实的项目,从而提高您的编码技能。 目录 概述 挑战 用户应该能够: 查看页面上所有互动元素的悬停状态 看到一个实时倒数计时器,它每秒滴答滴答(从14天开始计数) 奖励:当数字改变时,使卡片从中间翻转 截屏 链接 解决方案URL: 实时网站URL: 我的过程 首先,我将结构化为html文件,然后继续将CSS添加到index.css文件中。 为了使其与移动设备兼容,我不使用任何媒体查询,而只是在需要时使用了flexbox,因为我觉得它更方便。 为了添加计时器的功能,我使用了VanillaJS。 内置 语义HTML5标记 CSS自定义属性 弹性盒 CSS网格 香草 我学到的是 在应对这一挑战的同时,我刷新了对CSS Flexbox和网格的了解。 我了解了CSS渐变以及如何利用svg图像。 我添加了带有HTML标
资源推荐
资源详情
资源评论
收起资源包目录
launch-countdown-timer-main-master.zip (18个子文件)
launch-countdown-timer-main-master
.gitignore 547B
index.css 2KB
README.md 4KB
README-2.md 6KB
design
mobile-design.jpg 12KB
desktop-preview.jpg 26KB
active-states.jpg 27KB
desktop-design.jpg 27KB
screenshot.png 30KB
app.js 1KB
style-guide.md 781B
images
icon-instagram.svg 973B
bg-stars.svg 2KB
icon-pinterest.svg 825B
favicon-32x32.png 1KB
pattern-hills.svg 766B
icon-facebook.svg 409B
index.html 4KB
共 18 条
- 1
资源评论
止蚀
- 粉丝: 22
- 资源: 4508
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功