2019年8月

使用Animate.css实现页面动画效果

animate.jpg

很多网站产品页面都有一个动态效果,当页面向下滚动的时候,页面中的各个元素会加载一些细微的动画。这样做可以让页面载入看起来更具有视觉冲击,并且更好的将用户的视觉焦点引导至页面对应的位置。想要实现这类效果需要利用CSS3中提供的animation属性,让页面元素发生位移变化。当然相对于自己写,有一种更简便的办法,利用现成的样式文件类库就可以轻松实现,并且美观高效;

因为觉得有必要将内容详细整理一下,就将文章内容分成了两篇,分别介绍Animate和wow的使用;这一篇先来整理Animate。

Animate.css是一款利用CSS3中animation创建的,为动画而生的样式库;其中内置了几十种动画效果。通过调用Animate可以非常简单快速的创建页面动画。

- 阅读完整内容 -

亲密关系心理学(431-439)

  自我意识的形成需要一定的时间,但当下快节奏的生活不允许我们有过多的时间或空间去自省。我们整天忙忙碌碌,日复一日处理每天的工作。在各种压力面前,我们根本没有自己的时间。我们早早地起床,匆匆锻炼,吃完早饭又给孩子准备早饭,在送孩子上学或去办公室的途中迅速浏览当天的邮件。感觉还没来得及做几件事,孩子就已经放学回家了。接着就是为家人做晚餐或者点外卖、打扫屋子、支付账单、割草、辅导孩子做功课,继续收尾当天剩下的工作项目。如果所有事情做完后还有时间,那么还可以躺在沙发上看看电视。周末的生活也没有太大变化。我们需要处理各种项目,采购食物、洗车、加油,如果一切顺利,还能挤出点时间看电影。在我们的任务清单里还有许多我们“应该”要做的事情——父母、老板甚至是牧师都给我们安排了事情。大多数人的生活难道不都是浑浑噩噩的吗?我们就好像上紧了发条的闹钟,一刻都停不下来。我们没有时间去思考,如何作为一个人去享受生活。

- 阅读完整内容 -