标签:CSS3

前端开发

实现移动端Retina屏幕1px边框的7种方法

3

前端里 - 小鱼 发布于 2017-08-13

  在Reina(视网膜)屏幕的手机上,使用CSS设置的1px的边框实际会比视觉稿粗很多。在之前的项目中,UI告诉我说我们移动项目中的边框全部都变粗了,UI把他的设计稿跟我的屏幕截图跟我看,居然真的不一样。没有办法,只有在后面的版本中去修改了,但是要改的话,需要知道是为什么。所以...

阅读(1918)评论(0)赞 (5)

前端开发

Scrollanim – CSS3 & JavaScript 创建滚动动画

1

前端里 - 小鱼 发布于 2017-04-23

Scrollanim 是结合 CSS3 和 JavaScript 来创建令人惊叹的滚动动画的开源库。 Scrolanim 支持在页面上的所有可用的元素的位置。有很多的自定义参数可以配置使用,构建出精彩的效果,非常容易使用。   在线演示      立即下载

阅读(4604)评论(0)赞 (12)

前端开发

一组网页边栏过渡动画【附源码下载】

1

前端里 - 小鱼 发布于 2016-11-26

今天我们想与大家分享另一套过渡效果。这一次,我们将探讨如何实现侧边栏的过渡动画,就像我们已经在多级推出菜单中使用的。我们的想法是,以细微的过渡动画显示一些隐藏的侧边栏,其余的内容也是。通常侧边栏滑入,把其他内容推到一边。这个可过程中可以加入很多微妙而奇特的效果,而今天这篇文章能够...

阅读(6612)评论(0)赞 (65)

前端开发

前端工程师和设计师必读文章推荐【系列三十五】

前端里 - 小鱼 发布于 2016-11-25

这篇文章收集了一组前端开发相关文摘,分享提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。 HTML5 & CSS3 Swiper – 经典...

阅读(2567)评论(0)赞 (12)

前端开发

35个让人惊讶的 CSS3 动画效果演示

36

前端里 - 小鱼 发布于 2016-11-08

本文收集了35个惊人的 CSS3 动画演示,它们将证明 CSS3 Transform 和 Transition 属性的强大能力。CSS 是网页设计非常重要的一部分,随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择。如今,用纯 CSS 就可以实现各种...

阅读(9511)评论(0)赞 (39)

前端开发

AOS – 另外一个独特的页面滚动动画库(CSS3)

1

前端里 - 小鱼 发布于 2016-09-21

AOS 是一个用于在页面滚动的时候呈现元素动画的工具库,你可能会觉得它和 WOWJS 一样,的确他们效果是类似的。但是AOS是 CSS3 动画驱动的库,当你滚动页面的时候能让元素动起来,当页面滚回顶部的时候,元素能够回到前一个状态,如此达到循环动画的效果。 去体验一下

阅读(4578)评论(0)赞 (47)

前端开发

12个很炫的 HTML5 和 CSS3 应用示例

12

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

HTML5 和 CSS3 都是当前 Web 开发领域的热点,网上有很多用来验证 HTML5 和 CSS3 强大特性的应用示例,这篇文章从中选择了13个很炫的例子分享给大家。HTML5 可以说是近十年来 Web 标准最巨大的飞跃,而 CSS3 同样给 WEB 开发带来了革命性的影响...

阅读(7330)评论(0)赞 (12)

前端开发

45个非常奇妙的 CSS3 特性应用示例

47

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

这篇文字收集了45个让人觉得不可思议的 CSS3 应用示例,它们验证了 CSS3 Transform 和 Transition 等属性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择,以前需要使用 JavaScript 才能实现的各种很...

阅读(2731)评论(0)赞 (10)

前端开发

使用 jQuery & CSS3 实现翻转的作品集滑块

1

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

作为 Web 开发人员,我想你一定见过各种各样的图片滑块效果。展示产品或者个人作品的方法有很多,其中之一是使用网格样式的滑块效果。在本教程中,我将分享如何使用 jQuery 和 CSS3 变换实现翻转的作品集滑块效果。   效果演示      源码下载

阅读(2279)评论(0)赞 (14)