【极客标签】极客编程小挑战#38:用CSS实现徽章带显示效果
2015-11-17 22:05
435 查看
本期挑战:
本期挑战是用CSS实现一个徽章带的显示效果,发挥你的想象,做的尽可能有新意~
效果如下图所示:
作品代码参考:用CSS实现徽章带显示效果
关于CSS的基础教程:CSS布局
提交方式:
- 录制代码编写过程或最终代码:点击开始
- 跟帖发布代码预览地址(使用GB按钮可以直接嵌入发帖回复中):演示地址
- 【强烈提醒】尽量通过添加课程,在本文评论中附上链接的方式提交答案,有特别奖励~
- 【强烈提醒】提交了答案的人,请扫描下图中的二维码,加入微信群,方便工作人员进行信息统计
本周,我们为自己代言。
【极客标签】介绍:
极客标签是一款轻量级注重实战互动学习的在线编程自学和直播平台。能够有效的帮助编程学习者快速的通过在线直播手段提高编程学习的效率,解决编程学习中的问题, 并且通过独有的轻视频代码录播引擎,高效的录制和分享技术人员代码书写过程、相关思路及其书写技巧。有效的使用主动浸润式的学习体验来激发学习者的学习兴趣并且提高学习效率,让编程学习落实于实践。
网站链接地址:www.gbtags.com
本期礼品:
我们为获赞数最多的五名参赛者准备了极客标签大礼包,每份包括:印有极客logo的帆布包、笔记本、8GB卡片U盘。下图为卡片U盘图片。
为鼓励新人参加我们的挑战赛,将学习落实于实践。我们准备了三份印有极客标签logo的马克杯,由第一次参加编程挑战赛的极客新手获得。如下图所示:
如何增加获奖机率?
- 最佳特效讲解奖: 课程录制过程及讲解详细完整
- 最佳特效参与奖: 新人参加本挑战均有机会获取奖品
晒晒往期获奖礼物
相关文章推荐
- 极客标签编程小挑战#31:生成注册页面的显示效果
- 极客编程小挑战#30:用CSS3实现各种钟表的显示效果
- 极客编程小挑战#28:实现二级菜单的炫酷显示效果
- 极客编程小挑战#30:用CSS3实现各种钟表的显示效果
- 极客编程小挑战#29:实现手机上常见的某一功能的效果显示
- jQuery事件 mouseover方法与mouseout方法实现鼠标移进显示移出消失的效果 (css控制span标签)
- 转:纯CSS实现“鼠标移过显示层”效果
- 极客编程小挑战#26:实现日期级联下拉选择框
- css实现了hover显示title的效果
- 纯CSS实现鼠标滑过显示子菜单的二级菜单效果
- [jQuery编程挑战]001:实现页面元素加速动画效果
- JS+DIV+CSS实现的经典标签切换效果代码
- CSS实现让广告显示在文章中间,文字环绕效果
- css+jquery实现标签浮动效果《前端随笔》
- 使用JSTL标签和EL表达式实现隔行显示不同颜色的效果
- css实现 鼠标移上放大效果 或 显示隐藏内容 简单原型
- 神奇的css实现圆角效果的标签以及其他一些今天学的css标签
- CSS滑动门技术实现TAB标签切换效果实例,支持各种浏览器
- java中break,continue,标签实现goto效果(编程思想)
- 用css和jquery实现标签页效果(一)