Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 文章投稿
  • 关于我们

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

CSSgram

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:http://una.im/CSSgram/
GitHub:https://github.com/una/CSSgram
描述信息:类似 Instagram 滤镜效果的 CSS 库
访问官网
GitHub

CSSgram是一个简单易用的CSS库,组合CSS Filter和CSS Blend Modes实现的Instagram风格的图片滤镜,通过在图片上叠加颜色或渐变模拟实现滤镜,可以节省大量的图片处理时间,增加线上“玩弄”图片的乐趣。


兼容性
本库主要基于 CSS Filters和 CSS Blend Modes,浏览器兼容性也主要依赖于这两个特性。 
Google Chrome: 43+ 
Mozilla Firefox: 38+ 
Opera: 32+ 
Safari: 8+ 
Internet Explorer: Nope 

使用
有两种主要的方式使用该库,使用CSS Classes和使用SASS @extends。只要使用CSS就可以控制图片的展示效果,如果你的图片网站需要优化,那么不妨加入这组代码。

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://web.fly63.com/nav/1825

更多»
热门资源
less
一个CSS预处理器,意味着它扩展了CSS语言,增加了允许变量,混合,函数和许多其他技术的功能
官网
GitHub
sass
成熟、稳定和强大的CSS扩展语言
官网
GitHub
postcss
PostCSS是一个使用JavaScript插件来转换CSS的工具。
官网
GitHub
stylus
Stylus是一个高效、动态以及丰富的CSS预处理器
官网
GitHub
animate.css
齐全的CSS3动画库
官网
GitHub
Metro UI
基于平板界面设计CSS库是一种界面展示技术
官网
GitHub
Spectre.css
轻量响应式 CSS 框架
官网
GitHub
water.css
只需添加CSS框架即可应用样式,无需定义元素类
官网
GitHub
DropCSS
一个用来清理无用 CSS 的小工具
点击进入
GitHub
Pattern.css
一个CSS库,使用美丽的图案填充空的背景。
官网
GitHub
three-dots
一组CSS加载动画,它由三个点组成,而这些点仅由单个元素组成
官网
GitHub
CSSeffectsSnippets
提供了漂亮的CSS动画
官网
GitHub
类似于CSSgram的资源
Izmir
图片hover动画效果
官网
GitHub
sass
成熟、稳定和强大的CSS扩展语言
官网
GitHub
vanilla-extract
一个类型安全、高度兼容 TS 场景的“css-in-js”库
官网
GitHub
vivify
一个更加丰富css动画库
官网
GitHub
Obnoxious.CSS
一个CSS3动画库集合
官网
GitHub
Metro UI
基于平板界面设计CSS库是一种界面展示技术
官网
GitHub
CSS Loaders
一个庞大的集合的CSS加载动画
官网
stylelint
CSS代码检查工具
官网
GitHub
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

Copyright © 2018 Web前端开发网 All Rights Reserved. 分享编程学习资源(教程/框架/库)、在线工具、技术教程、内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。