随笔分类 - css
摘要：本文收集了2011年最热门的50个CSS3教程，读者可根据这些教程轻松实现网页的设计。1.Original Hover Effects with CSS3本教程讲述应用CSS3实现风格迥异的鼠标悬停效果。2.CSS3 Transitions Without Using :hover本教程讲述应用CSS3实现动态变换效果。3.How to Create a Beautiful Icon with CSS3本教程讲述应用CSS3创建文档图标。4.Creative CSS3 Animation Menus本教程讲述应用CSS3巧妙地将图标、主标题和二级标题整合成动态导航菜单。5.Background
阅读全文
摘要：日期：2011/11/16 来源：GBin1.com记 得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验？ 是不是立刻就想到了flash实现？这彷佛年代久远的事了。使用现在最流行的web技术 HTML5，CSS3和jQuery，同样也可以实现类似的用户体验。而且使用这些特性将会比使用flash更加有效。也许你可能刚知道Adobe停止开 发移动版flash的消息，虽然在桌面中我们还拥有大量的flash的应用，但是随着HTML标准的完善，可能flash也要退出历史舞台了。在今天这篇 文章中，我们 将介绍一些非常实用的教程，技巧和资源来帮助大家构建一个更加丰富的用户界面。请大家给积极我
阅读全文
摘要：本文介绍47个令人咋舌的CSS3动画演示汇编。他们展示了CSS3的转换和过渡性的处理。有些是非常有用的，可以作为浏览器的替代品使用。这些效果大多是简单的，看起来很酷。为了尝试这些效果，你需要的WebKit浏览器，如Safari和Chrome。CSS3 Clock With jQueryAnalogue Clock3D Cube That Rotates Using Arrow KeysMultiple 3D Cubes (Slide In/Out)CSS3 AccordionAuto-Scrolling ParallaxIsocubeImage GalleryMatrix7 Javascrip
阅读全文
摘要：本文标题的这副图片，是用Phosotshop制作的。但是，在搜索引擎中你却无法搜索到它，搜索引擎还没有强大到能够识别图片里面的文字。并且由 于图片的体积不算太小，可能网速慢的网友在浏览的时候不得不耐心的等待图片的刷新。那么，有没有一种新的方法可以避免这些缺点呢？有的，HTML5和CSS3就可以满足你的需求。甚至，它可以做的更多，更好。作为一名设计师，我们应当了解它们是什么东西，有什么特性，从而进一步思考通过HTML5和CSS3我们能做些什么。什么是HTML5和CSS3HTML和CSS并不难理解。HTML为构成网页的主要语言。通过这种语言，我们可以向计算机说明网页格式、内容、显示效果等等。而CS
阅读全文
摘要：本文所介绍的编程技术，可以有效地改善用户体验和设计师的工作流程，替代原先在IE6上使用的旧的解决办法。需要注意的是，下面列出的大部分技术还在实验阶段，而且有些不是纯CSS技术（一些使用jQuery或其它JavaScript库）。但本文还是非常值得一看。1. 告别overflow:hidden让我告别overflow:hidden的决定性因素是CSS3，具体而言是box-shadow。因为使用overflow:hidden首先 会对box-shadow造成负面影响。当父元素使用overflow:hidden 属性时，box-shadow会被裁剪。另外，text-shadow和transform也
阅读全文
摘要：CSS Sliding DoorCSS trickCSS3 buttonsBonBon Sweet CSS3 ButtonsCSS3 ButtonsCSS3 Animated Bubble ButtonsButtons with CSS3 and RGBAPretty CSS3 buttonsCool SpritesBetter Button and Nav InteractionsGoogle+ Buttons in CSSCSS3 Gradient ButtonsRediscovering the Button Element
阅读全文
摘要：如果你刚开始学习CSS，这意味着你的很多代码或结构可能需要优化，比如你可能过多使用了类、添加了多余的间隔或空行等等，这将导致代码臃肿、混乱，可读性和执行效率将大大降低。本文为你整理了几款CSS工具，借助它们，你可以轻松写出漂亮的CSS代码。1. CSS Lint这是一个在线工具，可以帮助你检测CSS代码中的问题。该工具可以对一些基本的语法进行评估，并使用一套规则，以寻找有问题或效率低的代码。2. CSS Compressor这是一个有用的工具，可以帮助你压缩CSS，以提高加载速度和优化网站。该工具提供了三个压缩级别，主要依据可读性与压缩的关系进行分级。当然，你也可以切换到高级模式以设置更多的参
阅读全文
摘要：下面是为你准备的超过 25 款 CSS 的工具，其中有一些可用来生成 CSS 代码。CSS3 GeneratorPrimerCSSCSSFlyWordOffCSS EvolveThe Box Officeie6fixerCSS DriveSlickMap CSSCSS Frame GeneratorAccessifyJotForm – Easiest Form BuilderCSS Menu GeneratorVariable Grid SystemThe W3C CSS Validation ServiceClean CSSColor Scheme Designer 3Ultimate CS
阅读全文
摘要：Cool Text Effects Using CSS3 Text-ShadowAlfonse Surigao shows cool CSS3 is to use and how many effects can one generate using it. Text shadow effect has been used.Inset Text With CSS3If you wish to create an inset text effect using CSS3, then you should definitely check this tutorial by Stylizedweb.
阅读全文
摘要：CSS Sliding DoorCSS trickCSS3 buttonsBonBon Sweet CSS3 ButtonsCSS3 ButtonsCSS3 Animated Bubble ButtonsButtons with CSS3 and RGBAPretty CSS3 buttonsCool SpritesBetter Button and Nav InteractionsGoogle+ Buttons in CSSCSS3 Gradient ButtonsRediscovering the Button Element
阅读全文
摘要：本文介绍47个令人咋舌的CSS3动画演示汇编。他们展示了CSS3的转换和过渡性的处理。有些是非常有用的，可以作为浏览器的替代品使用。这些效果大多是简单的，看起来很酷。为了尝试这些效果，你需要的WebKit浏览器，如Safari和Chrome。CSS3 Clock With jQueryAnalogue Clock3D Cube That Rotates Using Arrow KeysMultiple 3D Cubes (Slide In/Out)CSS3 AccordionAuto-Scrolling ParallaxIsocubeImage GalleryMatrix7 Javascrip
阅读全文
摘要：Cool Text Effects Using CSS3 Text-ShadowAlfonse Surigao shows cool CSS3 is to use and how many effects can one generate using it. Text shadow effect has been used.Inset Text With CSS3If you wish to create an inset text effect using CSS3, then you should definitely check this tutorial by Stylizedweb.
阅读全文
