Animate.css
Animate.css是一个开源 CSS 动画库,内置了很多常用的 CSS3 动画,兼容性好使用方便,并且整个文件非常轻小,只有几十 k!
使用方式非常简单,比如我们要给某段文字添加一个弹跳动画,首先引入 Animate.css 样式文件,在生产环境中建议引入压缩过的 min 文件,还可以使用 CDN 进行加速。引入代码如下:
<head>
<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css”>
</head>
第二步,进入 Animate.css 提供的动画演示站点,选择自己想要的动画效果。演示网站非常贴心,点击标签后,能够立刻查看到动画效果,方便选择。
第三步,给你想要添加动画的 html 元素加上 “animated” 和上一步中选中的动画样式名称即可:
<div class=”animated fadeInUp”></div>
Animate.css 本身是纯 CSS 实现,不支持动态添加类名,所以想要给某元素动态添加样式(比如点击后弹跳),需要配合 JavaScript 或 jQuery 实现。
网址预览
数据评估
本站 稀饭网址提供的 Animate.css都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由 稀饭网址实际控制,在 2023年10月13日 下午5:43收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除, 稀饭网址不承担任何责任。
相关导航
提供了 10 个主题,也可以自己定义一个新主题。先是选了个浅色的主题,然后在菜单栏的「视图」部分一顿修改、简化。现在看起来简约舒服多了。我只是想用它来打开编辑个 txt 文档,着实用不着显示的这么复杂。通过菜单栏或快捷键 command+N 新建文件。多次按command+N可以创建多个文件标签页显示。多个文档也可以显示成上下分窗口显示。菜单栏「视图」还有水平/垂直拆分窗口,不知道什么情况下需要这样用。通过菜单栏或快捷键 command+S 可以保存文件。第一次保存要设置保存位置、文件格式、文件编码等等,属于常规操作。再试试打开一个 MarkDown 文件(文件后缀名一般是 .md或.markdown),也可以预览。创建一个 Markdown 文件,默认保存的时候没有 markdown 的相关格式,没关系,在文件名后面手动修改成 .md也一样。图片最后试了下创建一个 HTML 网页文档,支持代码高亮(多少年没写过 html 了图片)。
提供 MobaXterm 的免费开源版 "Home Edition" 下载, 免费开源版又分便捷免安装版(解压即用)和安装版(需要一步步安装)。下载MobaXterm进到MobaXterm的官网,我们可以看到,官网为我们提供了两种形式的MobaXterm,一种是免安装版,一种是安装版。portable(便携、免安装)版本最大特点是软件无需安装便可使用,installer版本需要安装使用,安装程序扩展名一般为.exe或.msi,安装版最明显的特征是需要先双击运行安装程序开始安装,并且可在系统的应用程序中找到并卸载。推荐使用免安装版,当切换工作机时,ssh记录等一些信息能够直接使用。<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/12/20221224144222-2bc64.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="MobaXterm" alt="图片" />安装打开MobaXterm下载完成之后双击.exe即可打开软件,软件启动之后界面如图:<img decoding="async" data-src="https://img.zhanlian.net/wp-content/uploads/2022/12/20221224144222-d7efd.png" src="https://www.zhanlian.net/wp-content/themes/onenav/images/t.png" alt="MobaXterm" alt="图片" />点击左上角的Session新建一个会话,在会话对话框中点击SSH,切换到SSH配置参数页。remote host填写远端服务器的地址,Specify username填写用户名,port填写端口,点击OK就可以登录到正常远端服务器了。