• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

muchweb/html5-marquee: HTML5 marquee tag implementation in pure CSS3

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

muchweb/html5-marquee

开源软件地址:

https://github.com/muchweb/html5-marquee

开源编程语言:

CSS 98.3%

开源软件介绍:

HTML5 MARQUEE npm version

HTML5 marquee logo

Are you missing good-old feel to your pages? Missing something form the past?

This is a (deprecated) <marquee></marquee> tag implementation in HTML5 using pure CSS3 animations. Please see live demo here.

Installation

  • Bower: bower install html5-marquee
  • NPM: npm install html5-marquee

Usage

Simple usage:

<div class="marquee" data-marquee="Text contents"></div>

Adjust marquee speed:

CSS Class Delay
.marquee-speed-drowsy 30s
.marquee-speed-slow 20s
.marquee-speed-normal 10s (default)
.marquee-speed-fast 7s
.marquee-speed-swift 5s
.marquee-speed-hyper 2s

Custom speed:

Inherits the speed from the class or inline style

CSS Class Delay
.marquee-speed-custom inherit

Adjust direction:

CSS Class
.marquee-direction-left Right to left (default)
.marquee-direction-right Left to right
.marquee-direction-alternate Alternate movement

Adjust direction:

CSS Class
.marquee-direction-left Right to left (default)
.marquee-direction-right Left to right
.marquee-direction-alternate Alternate movement

Vintage effect:

CSS Class
.marquee-movement-smooth Smooth animation (default)
.marquee-movement-steps20 Jamming animation
.marquee-movement-steps10 Jamming animation

Building

Requirements:

  • Node.js
  • NPM
  • GNU Make
make

This will create css directory.

Free license: GNU GPLv3+

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
nhanfu/htmljs: HTML render engine and data binding (MVVM)发布时间:2022-06-18
下一篇:
jafet16/html: Simple HTML Project For CSJ Students发布时间:2022-06-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap