CSS3

CSS3

CSS3

45 文章 2804 浏览

最新文章

Nib 基于 Stylus 的扩展用于跨浏览器 CSS3 兼容性

Nib 是一个小而精湛的 CSS3 预处理扩展,基于 Stylus CSS language, 而开发的,主要针对 CSS3 属性的跨浏览器兼容性。 body { background: linear-gradient(top, white, black); } body { background: -webkit-gradient(linear, left top, left bottom, c…

JSmiles 2020-10-17 20:49:09 浏览 941 评论 0 收藏 0

CSS3 Animation Cheat Sheet 功能齐全的 CSS 动画库

CSS3 Animation Cheat Sheet 是一组预设的动画库,为您的 Web 项目添加各种很炫的动画。所有你需要做的是添加样式表到你的网站,为你想要添加动画效果的元素应用预制的 CSS 类就可以了。 使用方法 CSS3 Animation Cheat Sheet 是一套预置的,即插即用的动画库,您所需要做的就是将样式表添加到您的网站,并将预先制作好的CSS类应用到您想要动画的元素中。 …

JSmiles 2020-07-26 09:21:37 浏览 986 评论 0 收藏 0

stroll.js 炫酷的 CSS3 列表滚动动画集合

CSS 列表滚动效果的集合。适用于支持 CSS3d 转换的浏览器,包括 iOS 和 android4.x 等特殊触控模式。 很酷的 CSS3 滚动效果 stroll.js 包括了多种滚动效果,用户很容易选择自己喜欢的效果,支持 Chrome/Safari/FF/iOS/Android 4.x。 使用方法 滚动效果的样式由列表上设置的类决定。一旦 Class 设置好,stroll.js 需要告知通过…

JSmiles 2020-07-25 09:31:37 浏览 1309 评论 0 收藏 0

Sticker.js 在网页实现便签贴纸效果

Sticker.js 是一个很小的 JavaScript 库,它允许您在网页中创建漂亮的贴纸效果。没有依赖关系(不需要 jQuery),可以在大多数支持 CSS3 的主流浏览器工作。下面有简单的使用示例,更多功能等着你去发现。 在一个 .className 或 #ID 元素上调用 init() 方法,它在目标元素中创建必要的 HTML 元素,并使用 CSS3 添加贴纸效果 HTML: <!-…

JSmiles 2020-07-23 22:01:04 浏览 962 评论 0 收藏 0

Magic 一个比较魔性的 CSS3 动画库

Magic CSS3 Animations 动画是一款独特的CSS3动画特效包,你可以自由地使用在您的网页中。只需简单的在页面上引入 CSS 文件 magic.css 或者压缩版本 magic.min.css 就可以使用了。 安装 GitHub Package Registry - Package url npm install @minimac/magic.css NPM - Package u…

JSmiles 2020-07-20 22:21:05 浏览 995 评论 0 收藏 0

CSShake 使用 CSS3 实现各种抖动效果

CSShake 是一个使用 CSS3 实现的动画样式,使用 SASS 编写,利用它我们可以实现多种不同样式的抖动效果。 CSShake 是一个很微小的动画,但使用得当也是挺不错的,比如用在广告、图像、按钮上,这样可以用来吸引用户眼球从而促使去点击它。这个csshake有9个抖动样式,三个状态,如鼠标经过拉动、无限抖动、鼠标悬停拉动。 安装方法 $ git clone https://github.…

JSmiles 2020-07-19 09:55:16 浏览 932 评论 0 收藏 0

高性能 CSS3 动画

高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂,我们总结为以下几点: 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度,而在Mobile端本身丰富的场景下,需要额外关注对用户基站网络流量使用的情况,设备耗电量的情况。 关于流畅度,主要体现在前端动画中,在现有的前端动画体系中,通常有两种模式:JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种方案,…

JSmiles 2020-06-06 23:16:58 浏览 933 评论 0 收藏 0

waitMe 轻量级 Web 加载动画插件

waitMe 是一款 jQuery 和 CSS3 超酷 loading 加载动画特效插件。该 loading 加载动画特效使用 CSS3 制作了 14 种不同的 loading 动画效果,并且你还可以使用图片作为 loading 动画。 使用方法 使用该loading加载插件首先要引入jQuery和waitMe.js和waitMe.css文件。 <link rel="stylesheet" …

JSmiles 2020-05-27 22:36:21 浏览 1095 评论 0 收藏 0

FlickerPlate 基于 jQuery 的图片幻灯片轮播插件

Flickerplate 是一个基于 jQuery 的幻灯片插件,压缩后仅 6KB。它支持左右箭头控制、圆点导航、自动播放、主题设置、HTML data 属性等等。 兼容性 浏览器兼容:Flickerplate 使用了 CSS3 属性,所以只兼容 IE10 及以上版本和其他主流现代浏览器,IE 低版本效果欠佳,但可正常使用。 jQuery 兼容:兼容 1.7 及以上版本。 使用方法 1、引入文件 …

JSmiles 2020-05-03 23:07:03 浏览 992 评论 0 收藏 0

slick.js 基于 jQuery 的响应触摸式幻灯片插件

slick.js 是一个基于 jQuery 的响应触摸式幻灯片插件,展示的效果和 swiper 差不多,不过使用范围没有 swiper 多,如果你想要这种效果,也不失为一个可选方案。 特征 充分响应。随其容器缩放 每个断点分别设置 可用时使用 CSS3。如果没有,则功能齐全 滑动已启用。或禁用,如果您愿意 桌面鼠标拖动 无限循环 完全可用箭头键导航 支持动态添加、删除、过滤 支持自动播放、圆点、箭…

JSmiles 2020-04-08 17:52:43 浏览 1033 评论 0 收藏 0

简介

CSS3是CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。

更多

推荐作者

qq_pH6xKF

文章 0 评论 0

a3576419

文章 0 评论 0

Meets

文章 0 评论 0

许强

文章 0 评论 0

adao3056

文章 0 评论 0