【极客标签】极客编程小挑战#38:用CSS实现徽章带显示效果

本期挑战:

本期挑战是用CSS实现一个徽章带的显示效果,发挥你的想象,做的尽可能有新意~

效果如下图所示:

【极客标签】极客编程小挑战#38:用CSS实现徽章带显示效果

作品代码参考:用CSS实现徽章带显示效果

关于CSS的基础教程:CSS布局

提交方式:

  • 录制代码编写过程或最终代码:点击开始
  • 跟帖发布代码预览地址(使用GB按钮可以直接嵌入发帖回复中):演示地址
  • 【强烈提醒】尽量通过添加课程,在本文评论中附上链接的方式提交答案,有特别奖励~
  • 【强烈提醒】提交了答案的人,请扫描下图中的二维码,加入微信群,方便工作人员进行信息统计

【极客标签】极客编程小挑战#38:用CSS实现徽章带显示效果

本周,我们为自己代言。

【极客标签】介绍:

极客标签是一款轻量级注重实战互动学习的在线编程自学和直播平台。能够有效的帮助编程学习者快速的通过在线直播手段提高编程学习的效率,解决编程学习中的问题, 并且通过独有的轻视频代码录播引擎,高效的录制和分享技术人员代码书写过程、相关思路及其书写技巧。有效的使用主动浸润式的学习体验来激发学习者的学习兴趣并且提高学习效率,让编程学习落实于实践。

网站链接地址:www.gbtags.com

本期礼品:

我们为获赞数最多的五名参赛者准备了极客标签大礼包,每份包括:印有极客logo的帆布包、笔记本、8GB卡片U盘。下图为卡片U盘图片。

【极客标签】极客编程小挑战#38:用CSS实现徽章带显示效果

【极客标签】极客编程小挑战#38:用CSS实现徽章带显示效果

为鼓励新人参加我们的挑战赛,将学习落实于实践。我们准备了三份印有极客标签logo的马克杯,由第一次参加编程挑战赛的极客新手获得。如下图所示:

【极客标签】极客编程小挑战#38:用CSS实现徽章带显示效果

如何增加获奖机率?

  • 最佳特效讲解奖: 课程录制过程及讲解详细完整
  • 最佳特效参与奖: 新人参加本挑战均有机会获取奖品

晒晒往期获奖礼物

点击这里晒晒礼物

相关推荐