星之书笔记

WienDesign | 左手代码,右手诗词

网名:Oliver Wien | 奥利弗·韦恩

职业:Web前端设计师、网页设计

现居地:陕西省-西安市-雁塔区

Phone:+86 182 2052 3738

Email:oliverwien@126.com

页面滚动式触发animate.css动画特效

这年头,客户的需求是多种多样,有时候他们希望增加一下动画特效来提升用户体验,吸引用户注意力。 然而除了做一些比较重要的项目以外,我一般情况下很少会单独去做动画效果,毕竟有时候是需要保证工作效率的。 既然从零开始写动画麻烦,那我们是不是可以用一些现成的东西,这里就介绍一下使用wow和animate.css实现滚动触发动画特效。

CSS语法:Flex布局

Flexbox(中文版本可以点击这里)的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向(从左到右或从上到下排列),并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器(flex container)来辅助实现。

仿Bootstrap栅格系统(迷你版)

栅格系统英文为“grid systems”,也有人翻译为“网格系统”,其实意思都一样。而我们Web前端经常说的栅格系统就是利用@media媒体查询设置断点,来实现网页在不同尺寸下流式布局。对于我们而言栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性。而且,对于前端开发来说,网页将更加的灵活与规范。