标签:CSS3 第4页

前端开发

可爱!CSS3 & SVG 制作的米老鼠钟表

1

前端里 - 小鱼 发布于 2015-05-26

米老鼠是大家非常熟悉的迪斯尼动画形象。这是一个可爱的效果,结合 CSS & SVG 图形实现的米老鼠钟表效果。Web 技术让很多生活中的事物都能搬到网上去,后面的推荐阅读也有很多的效果,感兴趣的可以去看看。

阅读(4808)评论(3)赞 (4)

前端开发

Arctext.js – CSS3 & jQuery 文本弯曲

1

前端里 - 小鱼 发布于 2015-04-13

Arctext.js 是基于 Lettering.js 的文本旋转插件,根据设置的旋转半径准确计算每个字母的旋转弧度并均匀分布。虽然 CSS3 也能够实现字符旋转效果,但是要让安排每个字母都沿着弯曲路径排布相当的复杂,结合 Arctext.js 则可以轻松实现这个效果。

阅读(5264)评论(1)赞 (3)

前端开发

16种很赞的 CSS3 & SVG 创意弹窗效果

1

前端里 - 小鱼 发布于 2015-04-02

今天我要与大家分享一些新鲜的想法。随着设计风格和趋势的变化,要求更加适合现代UI的不同的效果。这组新模态窗口效果包含了一些微妙的动画,还有一些应用了SVG变形技术。

阅读(6908)评论(0)赞 (4)

前端开发

BonBon – CSS3 制作甜美的糖果按钮

1

前端里 - 小鱼 发布于 2015-03-23

BonBon 是一组使用 CSS3 制作的甜美的糖果按钮样式。在过去,我们都是使用图片或者 JavaScript 来实现漂亮的按钮效果,随着越来越多的浏览器对 CSS3 的支持和完善,使用 CSS3 来实现美观的按钮已没有太多的障碍。

阅读(4964)评论(0)赞 (9)

前端开发

10种风格迥异的全屏遮罩层效果

1

前端里 - 小鱼 发布于 2015-03-19

今天,我们想给大家分享一些全屏遮罩效果的灵感。像任何其它的UI组件一样,网页设计不断有新的趋势和风格出现,我们想尝试的遮罩有一些微妙的,还有奇特的效果。这些遮罩的特别之处在于,他们没有像模态窗口那样固定大小而是占据整个屏幕,因此创建效果时,人们必须考虑到这一点。

阅读(7009)评论(0)赞 (4)

前端开发

2015年那些激动人心的 CSS 新技术

1

前端里 - 小鱼 发布于 2015-03-18

CSS是一门不断发展的语言,在2015年年初之际,我们就先来体验一下CSS的新特征吧。 本文中,我会介绍一些浏览器所支持的新模块和CSS新特性。不是说所有的特性都能立马投入使用,有些功能尚在实验阶段。在这里,你可以玩转很多的东西——即便尚在实验阶段。

阅读(7268)评论(1)赞 (3)

前端开发

图片滑块,传送带,幻灯片效果

10

前端里 - 小鱼 发布于 2015-02-09

图片是网站功能的重要组成部分,这里集合了10个图片滑块,传送带,幻灯片效果,相信你在项目中肯定会用到。这些分享的效果大部分都是实用 jQuery 实现的,使用起来很简单。看看下面这些惊人的功能和效果,我相信你会发现一些很有用的东西。 适合电子商务网站的图片滑块 Sequence....

阅读(8915)评论(4)赞 (13)

前端开发

tiltShift.js – CSS3 实现移轴镜头

1

前端里 - 小鱼 发布于 2015-02-05

tiltShift.js 是一款很棒的 jQuery 插件,使用 CSS3 图片滤镜来实现照片的移轴镜头效果。使用非常简单,使用 data 属性配置参数。温馨提示:为保证最佳的效果,请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。

阅读(4491)评论(1)赞 (0)

前端开发

鼠标悬停特效,多样的图片展示

1

前端里 - 小鱼 发布于 2015-02-02

今天我们要为您展示如何创建一些简单又不失时尚的图片说明悬停效果。我们的想法应用悬停效果来显示图片对应的标题,作者和链接按钮。对于一些的效果,我们将使用3D变换。这样做的目的是保持奇妙的效果,并为许多不同的变化提供了灵感。

阅读(5788)评论(3)赞 (7)

前端开发

CSS3 动画实现的 3D 图片过渡特效

1

前端里 - 小鱼 发布于 2015-01-22

这是一个基于 CSS3 动画实现的图片过渡效果,共有 Flip、Rotation、Multi-flip、Cube、Unfold 等6种效果,它们将证明 CSS3 Transform 和 Transition 属性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善,设计师...

阅读(5682)评论(0)赞 (2)