温暖向阳Love

摘要： back21 Jun 2011Category: tech Tags: css最近想UI的动画转到css3能吃进3d加速的属性上面来以加强动画的连贯性。只是对于css几个新加的属性不太熟悉，常常容易搞混。研究了点资料，总结一下。IntroduceTransform在部分的test case当中，每每演示transform属性的，看起来好像都是带动画。这使得小部分直觉化思维的人（包括我）认为transform属性是动画属性。而恰恰相反，transform属性是静态属性，一旦写到style里面，将会直接显示作用，无任何变化过程。transform的主要用途是用来做元素的特殊变形，对于做设计的人来说 阅读全文

摘要： 效果：代码： Iron Man 2 With the world now aware of his dual life as the armored superhero Iron Man, billionaire inventor Tony... More info ... 阅读全文

摘要： 纯css实现 阅读全文

只有注册用户登录后才能阅读该文。 阅读全文

只有注册用户登录后才能阅读该文。 阅读全文

摘要： byzhangxinxufromhttp://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1609一、前面的些唠叨在我浮生如梦的大学那会儿，貌似flash网站还有点小火，且大凡有点含量的flash站点上，杂七杂八的音效总是少不了。一部分音效是烘托渲染气氛的背景音乐，另外一部分就是促进互动，增强体验的交互声音，例如按钮按下或者是经过时“哔哔”声或是“叭叭”声。而在那个时候，在远离flash的web页面上鲜有声音的交互，即使有，要想实现兼容性，要不借助控件，要不还是通过与flash交互实现（例如我之前写过的一个弱智游戏 阅读全文

摘要： 在一个典型的浮动中，如下面的图片所示：灰色矩形是外部容器，绿色容器在外部容器内向左浮动，未浮动的部分包围着浮动部分。但是IE6在解析这样的浮动时，会莫名的给靠紧浮动部分的未浮动部分添加3个像素的边距。为了更加直观，让我们将Firefox和IE6中的效果做一对比（上图是Firefox中的效果，下图是IE6中的效果）：你会清晰的观察到IE6中的3像素边距Bug。为了确定到底是不是3个像素，我在Photoshop将图片放大到1600%，如下面的截图所示，的确是3个像素。如何解决这个Bug？如果这个Bug不影响你的布局，你完全可以让它随风而去。但是，如果影响了布局或者你不能容忍一点点瑕疵的话，只需要将 阅读全文

摘要： 当鼠标放置于某个文字链接之上，文字或文字背景改变为其他颜色或样式的效果是我们最经常见到的鼠标悬停效果。在CSS中，这个效果靠伪元素:hover来实现，只不过在文字链接中:hover被应用在了锚点元素上。实际上，在CSS2中，:hover伪元素可以应用于任何html元素上。比如，1P :hover{background-color:#F7F7F7;}这一CSS语句就可以改变鼠标悬停在一个段落文字之上的文字背景色。而在网页设计中，:hover伪元素一个常见用法的例子是突出列表中被选中的行，通常是改变它们的背景色，这样可以防止看走行。但是，遗憾的是，IE6及其以下版本不支持除锚点元素之外的其他htm 阅读全文

摘要： 缓冲图片 loading.gif ：需缓冲图片js引用 ：(function($){ $("img.lazy").show().lazyload({effect: "fadeIn"});})(jQuery);***jquery.lazyload.min.js***/* * Lazy Load - jQuery plugin for lazy loading images * * Copyright (c) 2007-2012 Mika Tuupola * * Licensed under the MIT license: * http://www.ope 阅读全文

摘要： 青枫, 2012/07/13 18:08 ,css样式设计,评论(0),阅读(2189), Via 本站原创大|中|小当一行文字超过DIV或者Table的宽度的时候，浏览器中默认是让它换行显示的，如果不想让他换行要怎么办呢？用CSS让文字在一行内显示不换行的方法一般的文字截断(适用于内联与块)：.text-overflow{display:block; /*内联对象需加*/width:31em;word-break:keep-all; /* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */text 阅读全文