当前位置: 首页 > 软件库 > 程序开发 > UI组件库 >

micron.js

基于 CSS 动画的微型交互库
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 程序开发、 UI组件库
软件类型 开源软件
地区 不详
投 递 者 姬选
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Micron.JS是一个微型交互库,可以用来添加交互不同的DOM元素。Micron.JS使用CSS为元素添加动画,互动行为由JavaScript控制。Micron.JS很具有灵活性,并可以使用html5数据属性或JavaScript方法链带来互动。

入门

要使用Micron.JS,需要同时包含micron.min.css *(已经可以使用交互动画)和micron.min.js文件

如果不需要同时交互,则只需简单包含相应的* .min.css 文件即可。

从UNPKG CDN链接

在文档的标题部分包含 Micron CSS 和 JavaScript文件中。

<link href =“https://unpkg.com/webkul-micron@ 1.1.1 /dist/css/micron.min.css”type =“text / css”rel =“stylesheet”>
<script src =“https://unpkg.com/webkul-micron@ 1.1.1 /dist/script/micron.min.js”type =“text / javascript”> </ script>

包管理员

你可以使用npm或者bower来获取Micron.JS包,复制并粘贴下面的命令在您的终端获取包

npm install webkul-micron
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascri

 相关资料
  • 响应式交互能让用户信任,并且吸引他们。 当用户操作一个美观且符合常理的应用时,他们会感到满意甚至很高兴。那是一种经过深思熟虑、有目的、非随机的而且可以带有轻微异想天开但不会让人分心的交互。 在 material design 中,应用是响应式的并且渴望用户操作的: 触摸,语音,键盘及鼠标作为首要考虑的输入方式。 虽然 UI 元素是有形的,但是他们被限制在屏幕里面(电脑或者移动设备的屏幕),视觉元素

  • UIView animateWithDuration的文档称,在动画期间,所有用户交互都被阻止。但我想知道它是否也会在预动画延迟期间阻塞。 文件上说 “在动画制作过程中,将暂时禁用正在制作动画的视图的用户交互。(在iOS 5之前,将禁用整个应用程序的用户交互。)如果希望用户能够与视图交互,请在选项参数中包含UIViewAnimationOptionAllowUserInteraction常量。"

  • 主要内容:@keyframes 规则,animation-name,animation-duration,animation-timing-function,animation-fill-mode,animation-delay,animation-iteration-count,animation-direction,animation-play-state,animation通过《 CSS过渡》一节的学习我们知道,利用 transition 属性可以实现简单的过渡动画,但过渡动画仅能指定开始

  • CSS 动画可以在不借助 Javascript 的情况下做出一些简单的动画效果。 你也可以通过 Javascript 控制 CSS 动画,使用少量的代码,就能让动画表现更加出色。 CSS 过渡(transition)[#css-transition] CSS 过渡的理念非常简单,我们只需要定义某一个属性以及如何动态地表现其变化。当属性变化时,浏览器将会绘制出相应的过渡动画。 也就是说:我们只需要改

  • 我可以指导你,但是你必须按照我说的做。 -- 骇客帝国     在第10章“缓冲”中,我们研究了CAMediaTimingFunction,它是一个通过控制动画缓冲来模拟物理效果例如加速或者减速来增强现实感的东西,那么如果想更加真实地模拟物理交互或者实时根据用户输入修改动画改怎么办呢?在这一章中,我们将继续探索一种能够允许我们精确地控制一帧一帧展示的基于定时器的动画。

  • 问题内容: 我一直在寻找一种仅使用CSS3单击位于页面顶部的按钮时向下滚动的方法。 但这对于我的需求而言有点太先进了,因为我只希望浏览器单击页面顶部的一个按钮即可向下滚动,所以我想知道:是否可以在没有输入按钮的情况下进行那些CSS滚动,有锚标签? HTML看起来像这样: 我已经有一些CSS,需要在单击按钮时触发: 问题答案: 您可以使用css3 伪选择器使用锚标记来完成此操作,当与当前URL哈希具