前端笔记

Category: CSS

动画相关概念

下面是《React Native开发实战》中第四章复杂交互的部分笔记。完整的动画库包含过渡动画、插值运算、时间轴管理、链式动画等特性。CSS中的动画分为两类:过渡(transition)和关键帧动画(keyframe animation)。

再聊移动端页面的适配

前端圈真乱,这话一点不假。但乱也乱的好处,乱则生变,有变化才有进步。今天还是老调重谈,聊聊移动端页面的适配。因为对于一枚前端而言,天天和页面打交道(H5页面),那么布局的活总是少不了,这也将面临不同终端的适配问题。不知道你是否和我一样,页面布局总是或多或少会有一些蛋疼的事情发生。如果是的话,建议你花点时间阅读完下面我扯蛋的东东。

挚爱HTML5 7款华丽的HTML5/CSS3应用

新的一周开始了,小编继续为大家分享一些不错的HTML5应用,也感谢各位前端爱好者这么久的支持。今天我们要分享7款华丽的HTML5/CSS3应用,这些HTML5应用都是最新收集的,欢迎各位收藏。

[译]HTML&CSS Lesson4: 盒子模型

现在我们已经熟悉了HTML和CSS。了解了它的基础。现在我们来更深入的了解元素在页面中的呈现和大小。

实用的60个CSS代码片段

如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑:

CSS3热身实战–过渡与动画(实现炫酷下拉,手风琴,无缝滚动)

在自己的专栏上写了十几篇文章了,都是与js有关的。暂时还没有写过关于css3的文章。css3,给我的感觉就是,不难,但是很难玩转自如。今天,就用css3来实现三个特效,希望这三个特殊能让大家受到启发,利用css3做出更好,更炫的动画效果,并且对比这三个特效和JS特效的对比,希望能帮助到是大家学到CSS3的一些知识。今天这三个案例可以说是一个预习或者热身吧,以后也会写关于CSS3更好的作品或者文章,最近我也是在编写一个css3的动画库!

在 CSS 中使用特征查询

CSS 中有一个你可能还没有听说过的工具。它很强大。它已经存在一段时间了。并且它很可能会成为你最喜欢的 CSS 新功能之一。

CSS上下左右居中

有了 transform 、 flex 后,水平竖直居中已经很容易了,比如万能的: 关键是利用 transform 百分比相对自身宽高计算的特性,如果环境不支持 transform 的话,就需要用一些比较老,但很 精妙 的技巧了

8个超震撼的HTML5和纯CSS3动画源码

HTML5 和CSS3之所以强大,不仅因为现在大量的浏览器的支持,更是因为它们已经越来越能满足现代开发的需要。Flash在几年之后肯定会消亡,那么HTML5和CSS3将会替代Flash。今天我们要给大家分享8个最新的HTML5和纯CSS3动画及其源码,这些动画非常让人震撼,你也可以学习一下HTML5源码。

How To Vertically Middle Align Floated Elements With Flexbox

垂直居中一直是一个很麻烦的问题,但基于 FlexBox 的垂直居中就非常简单了。

Older Posts »
Page 1 of 7