H5+JS+CSS3 实现圣诞情缘_技术问答

首页免费课 H5+JS+CSS3 实现圣诞情缘问答

H5+JS+CSS3 实现圣诞情缘

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
jQuery基础(二)—DOM篇
入门·114009
免费课程
                                
H5+JS+CSS3实现七夕言情
中级·211523
免费课程
                                
jQuery基础(四)—动画篇
初级·85048
免费课程
                                
jQuery基础(三)—事件篇
入门·89995
免费课程
                                
jQuery基础 (一)—样式篇
入门·217504
免费课程
                                
jQuery源码解析（DOM与核心模块）
高级·71435
免费课程
                                
                难度中级
            
                时长 2小时33分
            
                学习人数
            
综合评分9.67
                            49人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.6
                                逻辑清晰

全部评论问答未解决精华

慕九州0519881

有源代码下载地址吗

0 2-2 编程思路

2017-04-09

Never25

月亮：

通过css绘制的，通过width与height绘制一个正方形，然后设置border-radius: 50% 这样就可以达到圆形的效果。通过box-shadow设置一定的阴影，最后通过关键帧动画对box-shadow的值做一个变化的效果，就会出现光晕的感觉

云：

云的绘制稍微有一点点麻烦，观察下云，其实是由5个圆形图组成，在想同的位置重叠后的效果。同样的绘制月亮的办法，然后通过box-shadow绘制投影，绘制4个不同大小的圆形图，然后改变每一个的坐标位置，让其重叠在一起形成了最终的效果

0 5-1 圣诞树、月亮与云

2017-04-08