文件名称:Materializecss-animation:使用materializecss框架的响应式动画,用于在模式窗口中显示投资组合项目
文件大小:1.04MB
文件格式:ZIP
更新时间:2024-06-08 18:21:52
JavaScript
物化动画 使用materializecss框架的响应式动画,用于在模式窗口中显示投资组合项目。 当我使用Materializecss设置站点时,我希望有一个模式可以显示我的每项portofolio项目研究。 还有什么比使用材质动画更好的方法? 因此,我自己进行了设置,无法在网上找到任何东西。 它设计用于显示照片的卡片。 请耐心并注意,这是我第一次编写动画的尝试之一。 当您单击“显示项目”链接时,将触发模态。 javascript使用jQuery(因为它最初是用于materializecss框架和动画的GSAP库所必需的。我知道可以仅使用css完成此操作,但是原始的materializecss卡具有相对定位的图像,因此很难呈现出良好的过渡效果仅在CSS中。 用法 要使用它,您需要: 在页面标题内链接CSS <link href="css/animation.css" typ
【文件预览】:
Materializecss-animation-master
----fonts()
--------materialdesignicons-webfont.woff2(62KB)
--------materialdesignicons-webfont.woff(79KB)
--------materialdesignicons-webfont.ttf(163KB)
--------materialdesignicons-webfont.eot(163KB)
--------materialdesignicons-webfont.svg(1.21MB)
----font()
--------roboto()
----material-animation.html(5KB)
----js()
--------material-animation.js(8KB)
--------materialize.min.js(108KB)
--------modernizr.js(15KB)
--------materialize.js(224KB)
----css()
--------materialdesignicons.min.css(49KB)
--------animation.css(4KB)
--------materialize.min.css(129KB)
--------materialize.css(169KB)
--------custom.css(6KB)
----README.md(4KB)
----.gitattributes(378B)
----img()
--------sito-pieroni.jpg(28KB)
--------Thumbs.db(58KB)