极客编程小挑战#27:生成动态大眼睛的效果

本期挑战:

生成如下动态效果:鼠标放在眼睛黄色区域上,眼珠随鼠标动;鼠标放在其他位置,眼珠无反应。(点击查看动态效果)

提交方式:

  • 录制代码编写过程或最终代码:点击开始
  • 跟帖发布代码预览地址(使用GB按钮可以直接嵌入发帖回复中):演示地址
  • 【强烈提醒】加入QQ群:157757552, 获奖用户及递交快递联系方式
  • 【强烈提醒】请在个人信息中添加QQ号,方便我们联系人获得快递地址

原文链接:http://www.gbtags.com/gb/share/5908.htm

  礼品赞助:

本期奖品共有5份,选取最为精彩的答案进行随机发放,新人参加有鼓励奖哦~

1、潮湿多雨的季节,总让人情绪低落,一把超漂亮的伞变魔术般给你带来灿烂的心情,明媚的笑容,伞面采用进口纳米击布,小巧轻便。

2、可爱大白或小黄人迷你风扇,风力却很大喔!夏天怎么能少了它!

3、奶瓶魔术杯,再大也要有一颗同心,啊哈~可以躺着喝,坐着喝,趴着喝,怎么喝都不会漏,千万不要觉得害羞,个性张扬并且实用才是王道。

4、多功能三层浴室置物架卫生间厨房落地式收纳架厕所储物架整理架 ,弥补空间不足还环保,感觉生活真哒是美美哒

5、懒人有妙招,既能当拖鞋穿,又能擦地,真哒是一举两得。

提交了代码的同学,请扫描下图中的二维码,加入 “编程挑战赛参与者群”,方便大家进行讨论和学习,也方便管理员进行信息的统计,发放奖品~

关于3D大眼睛的制作教程,请前往以下地址进行学习:

http://www.gbtags.com/gb/rtreplayerpreview/880.htm( CSS3生成的大眼睛效果)

晒晒往期获奖礼物

点击这里晒晒礼物

原文链接:http://www.gbtags.com/gb/share/5908.htm

时间: 2024-08-29 23:11:39

极客编程小挑战#27:生成动态大眼睛的效果的相关文章

极客编程小挑战#28:实现二级菜单的炫酷显示效果

那么本期挑战的内容是什么?容我卖个关子- 极客标签是一个学习前端知识和分享前端知识的平台.以往的挑战形式,更加偏向于学生完成老师布置的作业.而本期挑战,希望参赛者换个身份参与进来,将自己学习的知识讲授给他人.通过课程的形式,完成任务,并讲解详细,以帮助前端初学者更好地学习为目的,完成此次挑战.   本期挑战: 实现 单击按钮“分享更多”后,下级菜单呈现炫酷显示效果,下级菜单内容如下图(极客标签每篇文章后的分享方式),效果越炫越好- 本次挑战的作品在课程库中添加,以讲解详细.课程效果好为目的.课程

极客编程小挑战#30:用CSS3实现各种钟表的显示效果

本期挑战: 利用css3制作钟表表盘效果.发挥想象.可以电子表或者是石英表,尽量做得炫酷.以下为两个示范,点击即可查看. 提交方式: 录制代码编写过程或最终代码:点击开始 跟帖发布代码预览地址(使用GB按钮可以直接嵌入发帖回复中):演示地址 [强烈提醒]尽量通过添加课程,在本文评论中附上链接的方式提交答案,有特别奖励- [强烈提醒]提交了答案的人,请扫描下图中的二维码,加入微信群,方便工作人员进行信息统计 赞助商[时速云]介绍: 时速云TenxCloud是国内最早的容器云平台之一(Contain

极客编程小挑战#29:实现手机上常见的某一功能的效果显示

本期挑战: 实现手机上常见的某一功能的效果显示.可以是某个按钮的显示效果,页面跳转的显示效果,二级菜单的出现方式等.可以做已有的效果,也可以发挥你的想象,做出你期待的手机功能效果. 提交方式: 录制代码编写过程或最终代码:点击开始 跟帖发布代码预览地址(使用GB按钮可以直接嵌入发帖回复中):演示地址 [强烈提醒]尽量通过添加课程,在本文评论中附上链接的方式提交答案,有特别奖励- [强烈提醒]提交了答案的人,请扫描下图中的二维码,加入微信群,方便工作人员进行信息统计 本期礼品: 感谢美团云提供10

【石墨】极客编程小挑战#26:实现日期级联下拉选择框

详细内容请参见原文:http://www.gbtags.com/gb/share/5823.htm 本期挑战: 初始的html代码如下: <select name="year" id="year"> <option value="0">--</option> <option value="1999">1999</option> <option value=&qu

极客编程日历2018桌面壁纸(转载及完善)

转载声明 本文转载自简书文章[极客编程日历2018桌面壁纸],并进行了补充. 图灵社区出版了一本极客编程日历"Happy Hacking 2018" ,实体已经售罄,但是提供了PDF电子版下载.我们可以编写脚本,把日历和桌面壁纸结合在一起. 作者:Paralevi链接:https://www.jianshu.com/p/912ce01d4752來源:简书 在网上看了这篇文章后对自动合成壁纸蛮感兴趣的,但是把脚本粘过来执行时一直报错,最后查了不少信息才搞定,在此进行填坑记录. 1.环境说

【OneAPM】极客编程挑战#023:使用HTML5画布生成渐变自由落体小球效果

本期挑战 给定如下HTML: <canvas id="gbcanvas" width="350" height="300"></canvas> 阅读如下的相关HTML5画布教程: HTML5画布实现的粒子运动效果 HTML5画布Canvas基础入门 请使用HTML5画布生成一个自由落体效果的渐变小球,效果如下(点击下图查看GIF动画) 渐变色由#dd4814开始, 由#FFFF66结束 提交方式: 录制代码编写过程或最终代

极客编程必备的五大PHP开发应用

有了PHP应用可以帮助编码爱好者事半功倍,提升项目质量:有了这些最新的且灵活的PHP应用使创建编码项目更加简单.便捷.本文,我们收集了五大最新的PHP开发应用. PHP应用在网络上并不多见.最重要的是,很难找到有关这方面的资源.代码指南对于编程爱好者来说非常重要且是必备的,因为它能为你节省大量的时间,让你自由编码. PHP编码者需要掌握该领域的新技术,并且在项目中必须运用新的功能.有了PHP应用可以帮助编码爱好者事半功倍,提升项目质量:有了这些最新的且灵活的PHP应用使创建编码项目更加简单.便捷

【OneAPM】极客编程挑战#025:发挥想象生成漂亮炫酷的SVG动画效果

活动链接:http://www.gbtags.com/gb/share/5610.htm 本期挑战 提供如下的SVG图形,请使用任何技术生成基于如下SVG图形的动画效果,看看谁设计的动画效果最酷 ~~ <svg width="720px" height="486px"> <g id="layer1"> <path style="fill:#888888" d="m 434.02002,3

极客编程挑战#018:设计独一无二的页面 ”加载中“ 效果

本期挑战 请使用以下开练 LOGO 素材 为基础(三选一即可): 图片(base64):http://www.gbtags.com/gb/rtreplayerpreview/808.htm SVG图形:http://www.gbtags.com/gb/rtreplayerpreview/809.htm 或者基于以上图形的的自定义LOGO设计 挑战要求: 使用你所熟悉的任意前端技术(JS,CSS3,画布,SVG动画等等),生成一个漂亮动态的 ”页面加载中“ 效果,持续5秒后,页面即导向地址:htt