51工具盒子
推荐一款H5合成Css Sprite雪碧图工具
<p>html5实现一个合成雪碧图的工具，方便小项目的快速开发，减少一些诸如开photoshop、fireworks等工具来合图的机械劳动，最近终于抽出时间将构思实现。</p> <ul> <li> <p><strong>在线使用</strong> ：<a href="http:/...
CSS3
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
CSS3和jquery都可以实现缓动追逐效果，但是考虑到浏览器的兼容性，建议使用jquery animate方法来实现。 先给大家展示下实现效果如下： 
jquery+css实现动感的图片切换效果
<p>本文实例讲述了jquery+css实现动感的图片切换效果代码。分享给大家供大家参考。具体如下：<br /> 运行效果截图如下：</p> <p><img src="http://static.51tbox.com/static/2024-11-23/col/d80bce030e8eb5133757d48a59b...
基于Jquery+div+css实现弹出登录窗口(代码超简单)
具体代码详情如下所示： 基本思路先隐藏（dispaly：none）再显示，半透明蒙版层通过 z-index:9998; z-index:9999; 值越大越在前面 **index.html** ``` <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo...
jQuery css() 方法动态修改CSS属性
<p>我们先来看个实例</p> <pre><code> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8...
谈谈CSS3动画转换的基本方法
<p>理论知识不扎实，在一定程度上能体现你解决问题的能力。今天我们拿CSS3动画来说，简单回忆下他的一些基本属性，这些我们在平常应用中会经常用到。</p> <h3>常用动画属性：</h3> <p>transform:translate(x,y);//平移,x代表向又移动距离，y代表向下移动距离；</p> &...
对于CSS Hack的经验总结
<p>谈到CSS Hack，大家应该很熟悉了。如果你CSS Hack用的少，说明你的代码写得不错，这个也是有道理的；但是这不是绝对的，有些地方必须用到hack技术，比如动画兼容问题等。</p> <p>在诸多的项目中，遇见过或多或少的<a href="/Html4/">CSS</a> Hack，今天主...
谈谈关于CSS&CSS3中伪类选择器的应用
<p><img src="http://static.51tbox.com/static/2024-11-23/col/76726f988a343cfbfe1de64fe74f4895/23b199758d36428c8cb84042c83f13fc.png.jpg" alt="html5-css3.png" />...
【SVG】教你给SVG 的内容添加CSS样式
SVG图形的一个最常见用例是图标系统，其中最常用的SVG sprite技术就是使用SVG`<use>` 元素在文档中任意位置["实例化"图标](https://css-tricks.com/svg-sprites-use-better-icon-fonts/)。 使用`<use>`元素实例化图标或任何其它的SVG元素或图像，给元素添...
【SVG】CSS vs SVG: 最后一节(上部分)
<p>这是CSS技术和SVG技术对比系列教程中最后一篇。本文选取了几个CSS和SVG的解决方案，而不是一个解决方案------使用CSS和SVG实现。有关于解决方案的每个细节已经有很多这方面的优秀文章。</p> <p>让我们先从CSS和SVG最具争议的主题开始：图标系统。</p> <h2>字体图标 VS. SVG图标&...
