51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

jquery+css实现动感的图片切换效果

jquery+css实现动感的图片切换效果

厉飞雨 阅读(6) 评论(0) 赞(0)

本文实例讲述了jquery+css实现动感的图片切换效果代码。分享给大家供大家参考。具体如下: 运行效果截图如下: ![](http://static.51tbox.com/static/2024-11-23/col/d80bce030e8eb5133757d48a59bb0a9d/97a06ec0420849c18d4f08031ae534be.png.jpg) 具体...

谈谈CSS3动画转换的基本方法

谈谈CSS3动画转换的基本方法

厉飞雨 阅读(4) 评论(0) 赞(0)

理论知识不扎实,在一定程度上能体现你解决问题的能力。今天我们拿CSS3动画来说,简单回忆下他的一些基本属性,这些我们在平常应用中会经常用到。 ### 常用动画属性: transform:translate(x,y);//平移,x代表向又移动距离,y代表向下移动距离; transform:scale(x,y);//缩放,x代表水平缩放倍数,y代表垂直缩放倍数; trans...

对于CSS Hack的经验总结

对于CSS Hack的经验总结

厉飞雨 阅读(7) 评论(0) 赞(0)

谈到CSS Hack,大家应该很熟悉了。如果你CSS Hack用的少,说明你的代码写得不错,这个也是有道理的;但是这不是绝对的,有些地方必须用到hack技术,比如动画兼容问题等。 在诸多的项目中,遇见过或多或少的[CSS](/Html4/) Hack,今天主要想把一些经验分享出来,可以加入前端群:295431592。 ### CSS Hack的缘由 由于不同的浏览器和浏览...

谈谈关于CSS&CSS3中伪类选择器的应用

谈谈关于CSS&CSS3中伪类选择器的应用

厉飞雨 阅读(5) 评论(0) 赞(0)

![html5-css3.png](http://static.51tbox.com/static/2024-11-23/col/76726f988a343cfbfe1de64fe74f4895/23b199758d36428c8cb84042c83f13fc.png.jpg) 提到"伪类选器",在平时的项目中用的太多了,比如:link,:focus,:h...

【SVG】教你给SVG 的内容添加CSS样式

【SVG】教你给SVG 的内容添加CSS样式

厉飞雨 阅读(4) 评论(0) 赞(0)

SVG图形的一个最常见用例是图标系统,其中最常用的SVG sprite技术就是使用SVG`<use>` 元素在文档中任意位置["实例化"图标](https://css-tricks.com/svg-sprites-use-better-icon-fonts/)。 使用`<use>`元素实例化图标或任何其它的SVG元素或图像,给元素添...

【SVG】CSS vs SVG: 最后一节(上部分)

【SVG】CSS vs SVG: 最后一节(上部分)

厉飞雨 阅读(5) 评论(0) 赞(0)

这是CSS技术和SVG技术对比系列教程中最后一篇。本文选取了几个CSS和SVG的解决方案,而不是一个解决方案------使用CSS和SVG实现。有关于解决方案的每个细节已经有很多这方面的优秀文章。 让我们先从CSS和SVG最具争议的主题开始:图标系统。 字体图标 VS. SVG图标 -------------- 在我的印象中,我个人使用字体图标只用过两次,都是在客户端项目...

【SVG】CSS和SVG之间的图形文本的效果

【SVG】CSS和SVG之间的图形文本的效果

厉飞雨 阅读(5) 评论(0) 赞(0)

这篇文章是探索有关于CSS和SVG技术的系列文章第一篇,通过例子来阐述CSS和SVG相关技术的比较。因为大家对SVG有一定的偏见,这个系列文章只是为了证明SVG解决Web上的某些设计问题。因为它是自然图像。但从客观的角度来看,我们要考虑每个技术的利弊,找出何时何地使用CSS或SVG更好。 在这篇文章中,我们将复习一些使用CSS或SVG创建图形文本的技术和相关影响。 ### ...