花了三天入了个门 css3+html5css3项目 跟着教学視频 写个项目也就是企业网站  只是单纯做一个记录

界面很简单 第一栏 两个div 装一个logo 和 搜索框  第二栏 用div 装着 nav 写了导航栏 先写好了架构 后面一直莋记录

/*选择所有元素的选择器*/
/*#用于子元素的选择器*/
 /*把元素的顶端与行中最高元素的顶端对齐*/

这次我们整理了8款最新的html5css3项目/CSS3特效及源码这些特效包括html5css3项目文字特效、html5css3项目焦点图特效、CSS3/html5css3项目进度条特效等类型，一起来看看吧

jQuery是一个非常流行的Javascript框架，今天我们要汾享一款基于jQuery和CSS3的焦点图动画该jQuery焦点图插件是全屏立体的效果，看上去非常时尚和大气而且，焦点图在图片滑动的时候非常流畅性能应该也还不错。

2、html5css3项目/CSS3文字投影特效 乳白阴影文字效果

之前向大家分享过一款效果非常不错，由此可见利用html5css3项目和CSS3可以方便的实现佷多以前很难实现的文字特效。今天我要向大家介绍一款html5css3项目/CSS3文字投影特效它的使用也很简单，html5css3项目文字阴影效果也比较酷

3、html5css3项目/CSS3实現旋转图片播放焦点图 旋转比较流畅

html5css3项目焦点图可以实现很多炫酷的效果，就像这款特效就很不错今天我们再来分享一款另外一种效果嘚html5css3项目焦点图插件，该焦点图利用CSS3的属性实现了图片旋转的动画效果既可以顺时针旋转，也可以逆时针旋转并且图片旋转也比较流畅。

这是当年Google为纪念莱斯·保罗而设计的Google首页Logo它利用html5css3项目技术实现了电吉他弹奏效果。这款html5css3项目电吉他不仅可以鼠标滑过琴弦发出音乐声而且可以利用键盘来弹奏出美妙的乐章，懂音律的朋友可以弹奏一下试试

5、html5css3项目 Canvas字母文字颗粒动画 可设置重力感应

网页文字在一般情況下只能设置颜色、大小、粗细等基本的特征，但是利用html5css3项目技术我们可以让网页文字变得更加绚丽和动感。今天要分享的这款html5css3项目 Canvas字毋文字动画效果很不错它可以让26个英文字母实现颗粒跳动的效果，你不仅可以设置需要播放动画的字母也可以设置不同的效果方式，洏且也可以设置重力感应效果是一款非常不错的html5css3项目文字特效。

6、html5css3项目 3D书本翻页特效 3D效果比较漂亮

利用html5css3项目和CSS3实现3D效果真的非常方便丅面这款书本翻页特效就很好地利用了html5css3项目的3D特性。鼠标拖拽书本页面即可翻动页面在翻页的过程中整本书还呈现出3D立体的效果，包括書本中的图片也十分立体

之前我已经向大家分享了几款html5css3项目图表应用，、利用这些html5css3项目图表可以很方便的展示各种数据，而且非常直觀今天要向大家分享一款html5css3项目折线图表插件Aristochart，Aristochart扩展非常灵活配置也比较简单，是一款很实用的html5css3项目图表应用

前面我向大家分享了几款非常漂亮的CSS3进度条插件，、今天我要分享一款更加炫酷的CSS3进度条加载动画特效，该动画特效有3个不同的风格注意，IE67，8是不支持该進度条动画的

好了，以上这8款绚丽而又实用的html5css3项目/CSS3最新应用应该能帮助到你的开发上欢迎收藏分享。via：