资金众筹等活动倒计时显示进度与时间效果代码
代码语言:html
所属分类:布局界面
代码描述:资金众筹等活动倒计时显示进度与时间效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet"> <style> body * { font-family: 'Nunito', sans-serif; box-sizing: border-box; } body { background-color: #142F4C; } #countdown-wrap { width: 100%; height: 300px; padding: 20px; font-family: arial; max-width: 650px; margin: 150px auto 300px; } #goal { font-size: 48px; text-align: right; color: #FFF; } @media only screen and (max-width: 640px) { #goal { text-align: center; } } #glass { width: 100%; height: 20px; background: #c7c7c7; border-radius: 10px; float: left; overflow: hidden; } #progress { float: left; width: 16%; height: 20px; background: #FF5D50; z-index: 333; } .goal-stat { width: 25%; padding: 10px; float: left; margin: 0; color: #FFF; } @media only screen and (max-width: 640px) { .goal-stat { width: 50%; text-align: center; } } .goal-number, .goal-label { display.........完整代码请登录后点击上方下载按钮下载查看
网友评论0