利用 CSS3 的 transition 属性制作过渡效果的导航栏
CSS3 新增了大量属性,在实际使用过程中,需要充分挖掘这些属性的潜力,才能制作出富有创意的作品。这里就介绍一个如何利用 CSS3 的 transition 属性来制作一个具有过渡效果的导航栏。
任鸟飞网站设计博客是一个关注网页设计、网站建设、前端开发、美工设计、推广优化、网站博客赚钱、互联网趣味信息及搜素引擎等的原创设计类博客。海阔凭鱼跃,天高任鸟飞!
CSS3 新增了大量属性,在实际使用过程中,需要充分挖掘这些属性的潜力,才能制作出富有创意的作品。这里就介绍一个如何利用 CSS3 的 transition 属性来制作一个具有过渡效果的导航栏。
Google Logo 的字体和颜色相当独特,字体一般见不到,颜色变换多端,也许这样的 Logo 标志给人印象才深刻吧。到目前为止,Google 无疑是最伟大的互联网公司之一,地球上有大批的G迷,而现在Google的 Logo 就被他们盯上了。我在这里想说的是,山寨不是中国特有的现象,国外也有,而且很强悍。[via]
设计师都有一双灵巧的手,26个字母经过他们的布局排版之后,就能形成一幅让人叹为观止的图面。
不必借助Javascript,只是简单的利用CSS制作的导航菜单,也能实现很多动态效果。本例中的导航菜单栏能够响应鼠标事件,当鼠标划过时,会有简短的提示信息。
相对百度来说,Google更懂球迷。为了庆祝世界杯开幕,Google 设计了一套与世界杯相关的 Logo(Doodles),由此进一步拉近了Google与球迷的距离,想球迷之所想,与球迷同乐。
世界杯是足球的盛会,虽然我球技不好,但我喜欢场上呐喊声。相对于足球,我更像是Google的“球迷”,因为我们喜欢Google的创新,虽然百度号称更懂中文,但在世界杯期间 Google 更懂球迷。
都市里的高楼大厦、钢筋混泥土、柏油路是否让你有些“审美疲劳”呢? 甚至产生压抑感!我们更需要有艺术文化气息的城市。