文件名称:
launch-countdown-timer-main-源码
开发工具:
文件大小: 119kb
下载次数: 0
上传时间: 2021-03-17
详细说明:前端导师-启动倒数计时器解决方案
这是一种解决方案。 前端导师挑战可帮助您构建现实的项目,从而提高您的编码技能。
目录
概述
挑战
用户应该能够:
查看页面上所有互动元素的悬停状态
看到一个实时倒数计时器,它每秒滴答滴答(从14天开始计数)
奖励:当数字改变时,使卡片从中间翻转
截屏
链接
解决方案URL:
实时网站URL:
我的过程
首先,我将结构化为html文件,然后继续将CSS添加到index.css文件中。 为了使其与移动设备兼容,我不使用任何媒体查询,而只是在需要时使用了flexbox,因为我觉得它更方便。 为了添加计时器的功能,我使用了VanillaJS。
内置
语义HTML5标记
CSS自定义属性
弹性盒
CSS网格
香草
我学到的是
在应对这一挑战的同时,我刷新了对CSS Flexbox和网格的了解。 我了解了CSS渐变以及如何利用svg图像。
我添加了带有HTML标
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台,提供交流渠道,下载内容来自于网络,除下载问题外,其它问题请自行百度。
- 本站已设置防盗链,请勿用迅雷、QQ旋风等多线程下载软件下载资源,下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载,请稍后再次尝试;或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎,请到消费记录里找到下载记录反馈给我们,经确认后退回积分.
- 如下载前有疑问,可以通过点击"提供者"的名字,查看对方的联系方式,联系对方咨询.