摘要： 导航菜单其实是没有什么可说的，制作方法到处可见，今天这个案例本来不只是一个导航，还有一个搜索表单的，可是为了偷懒，把搜索表单部分去掉了，就变成了一个CSS3制作的下拉菜单。在这个导航中主要两点，一个是渐变运用，另一个就是box-shodow制作的立体效果。HTML 结构：Home Portfolio Identity Print Online AboutContactW3cplus CSS代码*{margin: 0;padding: 0;}body {padding: 50px;background: url(data:image/j...);font-family: 'Joc... 阅读全文

摘要： 这个效果是一个CSS3制作的时钟，不过并不是我们传统的时钟风格，分别用三块显示 时、分、秒三个部分，而且这个DEMO中藤藤还为其加上了一个js的效果，能让这个效 果和现实时钟的时间同步。这个效果运用到的CSS3知识点就是渐变、阴影，而最为关键 的就是CSS3的渐变制作。 HTML结构: Hours Minutes Seconds CSS代码：body,ul,li{ padding: 0; margin:0;}a {color: rgb(1, 124, 185);text-decoration: none;}body{ font-size:16px; color: #5a5... 阅读全文