标签归档:css3

CSS3 美化表单

表单美化在前端开发中经常使用到,CSS3中有很多对我们有利的伪类和属性选择器,今天主要来说说使用属性选择器和label来进行美化,不使用伪类。
首先,先来看下美化后的相关效果:

form表单美化
form表单美化

下面我们来看看实现的思想:
1、首先隐藏input
2、在label中设置背景即可

首先我们要先了解一下几个关于浏览器的知识点:
浏览器中,chrome在input的focus的时候会自动增加一个蓝色的外边框,以及select下拉,在Firefox和chrome下的显示都不一样,如下图chrome中的显示: 继续阅读CSS3 美化表单

html5+css3制作多屏简单动画

首先动画是使用CSS3的animate实现的,因为animate使用方便,而且在手机端运行也很流畅。大家先看演示吧http://egtch.com/demo/css3app/,在手机端浏览效果也很好。

一、准备工作

1、jQurey最新版

2、jQurey插件fullpage.js

二、Animate动画

大家可以直接从http://daneden.github.io/animate.css/下载animate.css使用,可以根据自己的需求选择自己想要的效果来使用。

三、代码部分 继续阅读html5+css3制作多屏简单动画