Cool Kitten：新鲜出炉的视差滚动 & 响应式框架

最新推荐文章于 2022-05-17 20:17:12 发布
最新推荐文章于 2022-05-17 20:17:12 发布
阅读量170 收藏
点赞数
分类专栏： 前端 文章标签： css3 html5 jquery 我的博文 视差滚动 响应式框架
原文链接：https://www.mk2048.com/blog/blog.php?id=haj2chib2a2j&title=Cool+Kitten%EF%BC%9A%E6%96%B0%E9%B2%9C%E5%87%BA%E7%82%89%E7%9A%84%E8%A7%86%E5%B7%AE%E6%BB%9A%E5%8A%A8+%26+%E5%93%8D%E5%BA%94%E5%BC%8F%E6%A1%86%E6%9E%B6
版权

　　Cool Kitten 是一个具备视差滚动特效的响应式框架，由 Jalxob 编写，是 Github 上的开源项目。实质上是一组设计师和开发人员使用的 HTML/CSS 以及 JavaScript 文件的集合。

您可能感兴趣的相关文章

 

　　Cool Kitten 是响应式的，这使得网站能够在电脑、平板和移动设备中都能良好的呈现；同时还支持视差滚动（Parallax Scrolling）特效，给网站带来绚丽的视觉效果。

 

 

官方网站    Github

 

您可能感兴趣的相关文章

 　　

本文链接：Cool Kitten：非常酷的视差滚动 & 响应式框架

编译来源：梦想天空（JiZhuLa.com）◆ 关注前端开发技术


更多专业前端知识，请上 【猿2048】www.mk2048.com
「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
高度自定义视差滚动框架
04-05
作者KittenYang，源码KYParallaxView，一个 使用简单 / 高度自定义 / 两种使用方法 的视差滚动框架。自定义程度之高、耦合度之低、内存占用程度在同类效果开源框架中是相当优秀的，至少他们的我用着都不舒服。
推荐使用：Angular Parallax —— 轻量级的AngularJS视差滚动库
最新发布
gitblog_00021的博客
06-21 244
推荐使用：Angular Parallax —— 轻量级的AngularJS视差滚动库 angular-parallaxAngular.js module for parallax goodness.项目地址:https://gitcode.com/gh_mirrors/ang/angular-parallax 项目介绍 Angular Parallax 是一个专为AngularJS设计的轻量...
视差滚动(Parallax Scrolling)插件补充
weixin_33966365的博客
01-08 313
13. Windows Windows (github) 是一个让你用占据整个屏幕的section来构建单面网站的插件。该插件提供给你一些回调函数，当新的section出现在可视区并且并且处理快照时被调用，所以你可以轻松的继承它来自定义导航菜单或更多的东西。下面是一个例子：译者注：点击每个章节，仅Chrome和Safari可用。 ? 1 2 3 4 5 6 ...
视差滚动_视差滚动教程
08-06 511
视差滚动As you probably know, Parallax is a visual effect, where positions of objects look differently when we view them from different positions. The parallax scrolling creates the illusion that the two ...
视差滚动
余阿良的博客
01-04 406
利用background-attachment属性实现视差滚动： background-attachment: scroll: 默认值。背景图像会随着页面其余部分的滚动而移动。 fixed: 当页面的其余部分滚动时，背景图像不会移动。 inherit: 规定应该从父元素继承 background-attachment 属性的设置。 html> head> title>backgr
cool-kitten, 视差滚动响应框架.zip
09-18
cool-kitten, 视差滚动响应框架 /////酷小猫- Parrallax滚动响应框架工作- 1.0/////作者： Jalxob发布日期：2013年02月 。/////构建/////为了缩小和连接javascript和css文件，包含了一个小的构建脚本。 为了使用这个
stick_kitten:在不运行调试js的情况下响应本机控制台
05-18
棒小猫 Logcat ...明白了吗？ React本机控制台（适用于android），而无需运行“远程调试js”。 还将自动连接到设备，并反向连接端口。 A_A (-.-) - Hello!... 如果您在启动时遇到错误， node_modules/adbkit-...
UI Kitten:基于 Eva Design System 的 React Native UI 库-开源
07-20
用于创建令人惊叹的跨平台移动应用程序的 React Native 框架。 基于设计系统的 UI Kitten 将您的产品从 MVP 带到最终产品版本。 永远开源和免费！ UI Kitten 是 Eva 设计系统的 React Native 实现。 该框架包含一组...
phone-kitten:在制品
07-06
电话猫 使用正在进行的重写了 Angular 。 运行应用程序 npm install npm start ...运行端到端测试 为网络服务器加星标： npm start 在另一个 shell 选项卡/窗格中： protractor protractor.conf.js ...
parallax:Javascript 视差框架
07-12
视差.js 这是一个 javascript 视差框架，它使用 Tweens 和 Switches 通过用户的滚动位置来控制元素 依赖关系 jQuery jQuery.mousewheel 插件 如何使用 有关示例，请参阅演示或 parallax.js
视差滚动实例
04-12
视差滚动 JS+css视察滚动 视差滚动 JS+css视察滚动 视差滚动 JS+css视察滚动
滚动视差
qq_39529315的博客
08-15 411
最近在一个公众号看到滚动视差效果，觉得挺有意思的，相比传统滚动的显示效果让人耳目一新。 来源：http://web.jobbole.com/95068/ 主要是运用background-attachment属性，该属性有四个值，分别是scroll（默认）、fixed、local和inherit scroll：背景相对于元素固定，背景随页面滚动而滚动，背景和内容绑定 fixed：背景相对于视...
滚动视差-3D
weixin_34162228的博客
06-08 449
网址链接：ripple.com/xrp 偶然间翻出一个之前收藏的网站，被开始的这个landing效果惊到了。我为什么会收藏这个网站？！我对他的业务似乎是没有丝毫兴趣，那我必定是被这炫酷（炫酷？）的视觉效果吸引了。 和通常看到的视差滚动（滑动相同距离相同，但不同的元素移动不同的距离）效果不同。当你用鼠标滚动时，它给人一种从桌面上到移动到桌面下的视觉效果。对我来说，应该是讲是第一次看到这种效果的视差...
CSS之滚动视差
The_upside_of_down的博客
09-17 652
什么是滚动视差？ 滚动视差是指让多层背景以不同的速度移动，形成立体的运动效果。 大多数情况下，我们要完成一个滚动视差的页面需要js来辅助，但是css也可以起到相同的作用。 在css中有一个background-attachment属性，这个属性比较陌生。 background-attachment支持以下关键字： scroll：此关键字表示背景相对于元素本身固定，而不是随着它的内容滚动。...
iscroll视差滚动
weixin_42235173的博客
06-05 246
视差滚动 视差滚动是指示器功能的一个 附属功能 指示器是一个遵循主滚动条移动和动画的层。如果你了解它你就会理解这个功能背后的力量。增加这个功能你就可以创建任意数量的指示器和视差滚动。 请参考 视差滚动示例. 滚动的编程接口 当然还可以通过编程来进行滚动。 scrollTo(x, y, time, easing) 对应存在的一个叫做myScroll的iScroll实例，可以通过下面的方式滚动到任意...
【前端知识之CSS】CSS视差滚动
weixin_44337386的博客
05-17 1331
本系列主要整理前端面试中需要掌握的知识点。本节介绍如何用CSS完成视差滚动的效果。
Kitten的iOS动画指南2.0：视觉盛宴
"A_GUIDE_TO_IOS_ANIMATION_2.0.pdf 中文高清彩板，Kitten的iOS 动画学习手册2.0，详细讲解iOS动画技术" 本书《A_GUIDE_TO_IOS_ANIMATION_2.0.pdf》是KittenYang针对iOS动画创作的一份深入指南，特别适合对iOS动画...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值