日食现象是月亮挡在了地球和太阳之间,也就是月亮遮挡住了太阳。

所以要构造日食,我们须要2个对象:一个代表月亮,一个代表太阳。

<div class="eclipse sun"></div>
<div class="eclipse moon"></div>

我们把整个日食过程分解为3个阶段:1. 缓慢移入 2. 短暂停留 3. 缓慢移出。

在此期间。会产生3个彼此关联的动画。

首先是月亮的位置移动,我们通过改变月亮的X坐标(left或right属性值)来实现(注意把太阳和月亮均设置成绝对定位)。

其次太阳会逐步呈现出圆晕的光线效果,我们使用框阴影(box-shadow)来实现。

box-shadow: 0px 0px 10px 5px #FFAD00;

最后与此同步的是,整个页面背景要呈现一个变暗的效果,这个比較简单。改变body的background-color就可以。

剩下的事情就是针对以上阶段编写关键帧(keyframes)的CSS规则就可以。

你能够自己试试看 (http://wow.techbrood.com/fiddle/6372)。

aaarticlea/png;base64,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" alt="" />aaarticlea/png;base64,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" alt="" />

by iefreer

使用纯CSS3实现一个日食动画的更多相关文章

  1. 纯CSS3实现打火机火焰动画

    HTML5已经越来越流行起来了,尤其是移动互联网的发展,更是带动了HTML5的迅猛发展,我们也是时候学习HTML5了,以防到时候落伍.今天给大家介绍10款效果惊艳的HTML5应用,方便大家学习,也将应 ...

  2. 2014圣诞节一款纯css3实现的雪人动画特效

    在2014年的圣诞节,爱编程小编给大家分分享一款纯css3实现的雪人动画特效.该实例实现一个雪人跳动的特效,效果图如下: 在线预览   源码下载 实现的代码. html代码: <span cla ...

  3. 纯css3 加载loading动画特效

    最近项目中要实现当页面还没有加载完给用户提示正在加载的loading,本来是想做个图片提示的,但是图片如果放大电脑的分辨率就会感觉到很虚,体验效果很不好.于是就采用css3+js实现这个loading ...

  4. 一款简洁的纯css3代码实现的动画导航

    之前为大家介绍了好多导航菜单,今天给大家分享一款简洁的纯css3代码实现的动画导航.鼠标经过的时候以背景色以菱形渐变为长方形.效果图如下: 在线预览   源码下载 实现的代码. html代码: < ...

  5. 用 CSS3 做一个流星雨动画

    昨天 UI 提交过来一个登录页的设计稿,要求背景有一个流星雨动画,做完之后觉得挺有趣,分享一下~ 一.流星动画 首先创建一个 div 作为画布 <div id="stars" ...

  6. 纯CSS3制作皮卡丘动画壁纸

    前言 明天就放假了,趁着今晚的空挡时间来写这篇博客——这是我昨晚实现的一个简单的CSS3动画效果.话说还得缘起我逛了一下站酷网,然后不小心看到了一张皮卡丘的手机壁纸,觉得很可爱,然后觉得这种效果是可以 ...

  7. 纯CSS3实现一个旋转的3D立方体盒子

    简单介绍 上网易前端微专业课程,里面有一个课外作业是实现一个3D旋转立方体.花了点时间做了下.还有点意思.写个简单教程.供大家学习. 先放上终于要实现的效果 注:代码在chrome 43.0.2357 ...

  8. 使用纯CSS3实现一个3D旋转的书本

    有一些前沿的电商站点已经開始使用3D模型来展示商品并支持在线定制,而当中图书的展示是最为简单的一种, 无需复杂的建模过程,使用图片和CSS3的一些变换就可以实现更好的展示效果,简洁而有用. 书本的3D ...

  9. 如何用纯 CSS 创作一个渐变色动画边框

    效果预览 在线演示 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/odpRKX 可交互视频教 ...

随机推荐

  1. luogu1242 新汉诺塔

    就是一步一步把大的往目标地放. #include <iostream> #include <cstdio> using namespace std; int fro[55], ...

  2. luogu3371 【模板】单源最短路径 dijkstra堆优化

    #include <algorithm> #include <iostream> #include <cstring> #include <cstdio> ...

  3. T-SQL中的indexof函数

    在C#字符串中查找字符有indexof方法,那么在T-SQL与之相对应的是CHARINDEX方法,其语法为CHARINDEX(要查找的字符,字符串),返回一个数字. CHARINDEX(',','aa ...

  4. Dijkstra算法_北京地铁换乘_android实现-附带源码.apk

    Dijkstra算法_北京地铁换乘_android实现   android 2.2+ 源码下载    apk下载 直接上图片 如下: Dijkstra(迪杰斯特拉)算法是典型的最短路径路由算法,用于计 ...

  5. sql中group by 和having 用法解析

    --sql中的group by 用法解析:-- Group By语句从英文的字面意义上理解就是“根据(by)一定的规则进行分组(Group)”.--它的作用是通过一定的规则将一个数据集划分成若干个小的 ...

  6. python之路 --- python基础

    一.python介绍 python的创始人为吉多·范罗苏姆(Guido van Rossum).1989年的圣诞节期间,吉多·范罗苏姆为了在阿姆斯特丹打发时间,决心开发一个新的脚本解释程序,作为ABC ...

  7. PostgreSQL 全文索引

    -- 首先要创建自定义的词典,在不使用停用词文件的情况下创建自定义词典,例如: CREATE TEXT SEARCH DICTIONARY english_stem_nostop ( Template ...

  8. SDOJ 2605 闲荡

    描述 L 饭后无聊,便在 BugTown 里闲荡. BugTown 共有 N 栋房屋和 M 条有向道路.每栋房屋都有一个非负整数 vi 作为标识. BugTown 有一个特性十分神奇:从任意一个房屋离 ...

  9. (英文排版测试)Lorem Ipsum

    Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tincidunt consequat pretiu ...

  10. 具体knn算法概念参考knn代码python实现

    具体knn算法概念参考knn代码python实现上面是参考<机器学习实战>的代码,和knn的思想 # _*_ encoding=utf8 _*_ import numpy as npimp ...