标签：CSS3

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

1、文字超出部分显示省略号 单行文本的溢出显示省略号（一定要有宽度） p{ width:200rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } 多行文本溢出显示省略号 p { display...

阅读(848)评论(0)赞 (7)标签：CSS / CSS3

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

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

阅读(857)评论(0)赞 (4)标签：CSS3 / JavaScript

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

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

阅读(2819)评论(0)赞 (7)标签：CSS3 / Retina

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

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

阅读(5316)评论(0)赞 (15)标签：CSS3 / JavaScript

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

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

阅读(7637)评论(0)赞 (76)标签：CSS3 / 动画

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

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

阅读(3213)评论(0)赞 (13)标签：CSS3 / HTML5 / JavaScript

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

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

阅读(10576)评论(0)赞 (40)标签：CSS3

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

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

阅读(5220)评论(0)赞 (48)标签：CSS3

前端里 - 小鱼 发布于 2016-06-18

Sequence.js 是一个非常现代的图片滑动效果，特别适合电子商务网站或者企业产品展示功能。带有图片缩率图，能够呈现全屏图片浏览效果。结合 CSS3 Transition 实现响应式的滑块效果。

阅读(7577)评论(1)赞 (80)标签：CSS3 / jQuery

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

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

阅读(8137)评论(0)赞 (12)标签：CSS3 / HTML5