Form

藤藤每日一练——CSS3制作3D表单

藤藤每日一练——CSS3制作3D表单

藤藤今天给大家带来一款使用CSS3制作的3D立体表单效果。在这个案例中主要使用了CSS3的渐变制作了body的背景;使用box-shadow制作的3D立体input框和3D立体按钮;使用@font-face制作的icon图标。

CSS3制作登录表单

CSS3制作登录表单

站上已经放了多个CSS3制作的表单效果了,但为增强大家的视野,继续跟大家分享一个CSS3制作的登录表单。这个案例其实很简单,主要使用box-shadow做了分层纸张效果,使用gradient制作渐变按钮效果,然后就是@font-face制作的icon效果。其实这些理论方面的知识在站上都能找到,如果你是第一次接触这些,不仿试着查找一下。

藤藤每日一练——CSS3制作登录表单

藤藤每日一练——CSS3制作登录表单
今天藤藤给大家带来的是一个CSS3制作的登录表单效果,这个效果有两上亮点,第一是渐变制作内凹圆角效果,第二个就是渐变制作花边效果。可以说这两个效果的实现都有一定的难度,如果你对css3的渐变属性gradient和CSS3的多背景不了解的话,你是无法实现的。如果你对这个效果感兴趣,那就自己动手一试吧。

藤藤每日一练——CSS3制作登录表单

藤藤每日一练——CSS3制作登录表单
W3cplus从今天刚开推出藤藤练习的CSS3系列。出这个系列主要是为了让同样有着CSS3兴趣的同学更有动力,在这个系列中都是由W3cplus美女成员藤藤每天根据国外搜集的有关psd设计图,然后将设计图通过css3的代码转换成DEMO案例。一是为了自己提高,二是与其他有同样爱好的同学一起分享。如果你喜欢,那就持续关注w3cplus的有关更新。

页面

返回顶部