首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    这个 CSS 库帮你做汉堡?

    美味的 CSS 动画汉堡,要不要尝尝? 大家好,我是鱼皮,今天教大家做汉堡包。...这不,有个国外的大神,专门开发了一个汉堡包菜单 CSS 动画库,库的名称就叫 Hamburgers! 进入 Hamburgers 库的官网,可以看到各式各样美味的 CSS 动画汉堡。...[image-20210425000009512.png] 如何使用 该库的使用方式非常简单,由于是纯 CSS 实现,只需引入一个样式文件: css..." rel="stylesheet"> 引入样式文件后,先创建一个汉堡包菜单元素,添加一些特定的类名: <span...更多用法 除了这种引入 CSS 文件的使用方式外,Hamburgers 还支持 npm、Bower 等主流的包管理器引入,并且支持 Sass 这一 CSS 扩展语言,甚至还支持 Ruby on Rails

    1.5K31

    这个 CSS 库帮你做汉堡?

    美味的 CSS 动画汉堡,要不要尝尝? 大家好,我是鱼皮,今天教大家做汉堡包。...这不,有个国外的大神,专门开发了一个汉堡包菜单 CSS 动画库,库的名称就叫 Hamburgers! 进入 Hamburgers 库的官网,可以看到各式各样美味的 CSS 动画汉堡。...[image-20210425000009512.png] 如何使用 该库的使用方式非常简单,由于是纯 CSS 实现,只需引入一个样式文件: css..." rel="stylesheet"> 引入样式文件后,先创建一个汉堡包菜单元素,添加一些特定的类名: <span...更多用法 除了这种引入 CSS 文件的使用方式外,Hamburgers 还支持 npm、Bower 等主流的包管理器引入,并且支持 Sass 这一 CSS 扩展语言,甚至还支持 Ruby on Rails

    1.4K10

    使用nodejs做文件下载中转

    之前做了一个功能就是点击按钮实现文件下载,文件保存在了阿里云的OSS上,阿里的OSS和七牛的OSS其实个人感觉差不多,一般情况下,前端下载文件很多都是通过一个a标签来进行下载。...,一个是文件路径,如果没有文件名我们就默认文件路径的最后一个斜杠后面就是文件名了。...当get请求有响应后,我们开始做向客户端返回数据的准备。 如上面代码中所示,我们获取了content-length,来告诉客户端浏览器将要下载的文件总大小是多少。...然后设置文件的编码为binary,也就是二进制的格式,为什么要设置成二进制呢?是因为我们不知道即将下载的文件格式具体是什么。...如此,一个使用nodejs来作为文件下载中转的例子就写好了。

    3.6K30

    Django静态文件(CSS,JS等)

    Django静态文件 静态文件是指js,css,图片等文件。render可以返回模板文件(HTML),但是缺少了js,css。在Django中我们一般会指定一个目录存放静态文件,这样方便管理。...在现在前后端分离的大环境之下,静态文件我们几乎也用不到。另外在HTML中调用的时候也需要指定静态文件的路径。一般都会将静态文件放置在项目的根目录下。要使用静态文件,需要配置两个参数。.../static/css/dmaku.css"> css文件路径--> <!...= [ BASE_DIR / "static", ] 在项目根目录下创建static文件夹 在创建好的文件夹中导入css文件和js文件即可。...(venv) ~/mypython/bookmanager/static$ tree . ├── css │ └── dmaku.css └── js └── dmaku.js 完成上述步骤之后

    3K20

    Bear CSS:基于 HTML 文件快速创建基本的 CSS 样式

    当你创建一个网页的时候,一般会先创建 HTML 文件,然后在写 CSS 样式,当然也可以一边写 HTML 结构,一遍写样式。...如果你是采用第一种方法,那么你在写 CSS 样式的时候,会很烦,因为要复制粘贴 class 和 id 名,其实可以通过 Bear CSS 这个服务,基于现有的 HTML 创建基本的 CSS 样式: Bear...CSS 就是一个这样的网页服务,基于现有的 HTML 文件,生成一个含有所有元素,id,class 的 CSS 样式文件。...Bear CSS 使用也非常简单,上传你的 HTML 文件,Bear CSS 就会根据你的 HTML 文件,生成对应的 CSS 文件,然后你下载就好了。...在给非常长的 HTML 文件进行样式化的时候,这个应用是非常实用的,唯一的缺点就是在生成 CSS 文件的时候无法自己定义包含哪些 id 或者 class,生成的 CSS 文件有点冗余。

    1.2K20

    你不知道 CSS 可以做的 4 件事

    1、逐帧动画 我们经常使用css3中的animation动画,比如这样: .fadeIn{ animation: fadeIn .5s ease 1s both; } @keyframes fadeIn...还可以使用 step-start 和 step-end 这样的简写属性,它们分别等同于 steps(1, start) 和 steps(1, end) ❝很多时候我们的gif动画都可以直接用css效果实现...❞ 2、连字符 CSS 属性 hyphens 告知浏览器在换行时如何使用连字符连接单词。可以完全阻止使用连字符,也可以控制浏览器什么时候使用,或者让浏览器决定什么时候使用。...3、Sticky Footer Sticky Footer是css的一种布局场景。页脚footer永远固定在页面的底部,页面内容不够长的时候页脚黏在视窗底部,内容足够长时会被向下移动。...的下划线的问题 ❞ 参考文献 https://segmentfault.com/a/1190000018961782 https://www.zhangxinxu.com/wordpress/2018/06/css3

    1.4K10
    领券