标签:CSS3

前端开发

10 个图像悬停效果 CSS & JavaScript 代码片段

前端里 - 小鱼 发布于 2023-09-09

悬停效果一直是向网站添加交互元素的最简单方法之一,我们看到它们经常用于突出显示文本链接或按钮。悬停效果尤其强大的一个领域是当它们应用于图像时,无论是作为小型卡片布局的一部分还是大型相册的一部分,都可以产生很棒的效果。 今天,我们将向您展示设计师将悬停效果集成到图像中的一些创意方法...

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

前端开发

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

3

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

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

阅读(2725)评论(0)赞 (7)

前端开发

Scrollanim – CSS3 & JavaScript 创建滚动动画

1

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

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

阅读(5243)评论(0)赞 (15)

前端开发

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

1

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

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

阅读(7548)评论(0)赞 (76)

前端开发

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

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

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

阅读(3125)评论(0)赞 (13)

前端开发

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

36

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

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

阅读(10480)评论(0)赞 (40)

前端开发

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

1

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

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

阅读(5146)评论(0)赞 (48)

前端开发

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

12

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

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

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