Code
Snippet
/ 

CSS Logo Marquee / Ticker

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
CSS Logo Marquee / Ticker

Similar to the looping logos at the bottom of the hero section on http://webflow.com, this approach uses a wrapper div (.loop-track below) set to flex horizontal, with two identical collection list of logos in it that are also flex horizontal with the logos in them. The CSS below then sets an animation that moves each of the two collection list 100% to the left, then we set the animation to infinite loop for 60s with linear easing.

Get hired at CSS Logo Marquee / Ticker

We've partnered with startups.gallery to help you find new opportunities at the leading startups in design, development, and AI.

Tags

CSS
Loop
Animation

Industries

Creator

Corey Moen

Related items

Load more

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
5.25.22

Similar items

Items
0
Layout
Grid View
Row View
Preview
↗

Restock

Restock is No-Code Supply Co.’s community podcast spotlighting the people shaping the web and the things they build: sites, products, and the workflows behind them. Each episode is a practical, curiosity-driven look at real work and ideas: standout builds, the tools and techniques powering them, and the takeaways you can reuse. Like NCSC, it’s grounded in curation and craft over hype, featuring guest conversations, and exploring what’s worth saving, learning, and trying next.
View item
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Magic Rename
Inspo
Website
/ 

Magic Rename

2.19.23
Creative, Automation, Webflow
Kickstart Studio
Inspo
Website
/ 

Kickstart Studio

2.19.23
Creative, Agency, Portfolio, Webflow
Studio Gruhl
Inspo
Website
/ 

Studio Gruhl

2.19.23
Creative, Agency, Portfolio, Webflow
Relocate Element While Scrolling in Webflow
Learn
Video
/ 

Relocate Element While Scrolling in Webflow

2.19.23
Custom Code, Javascript, Interactions, Scroll, Timothy Ricks
Mural
Inspo
Website
/ 

Mural

2.15.23
SAAS, Marketing, Webflow
ThreeSixtyEight
Inspo
Website
/ 

ThreeSixtyEight

2.15.23
Creative, Agency, Portfolio, Webflow
Srbija Sans Font
Inspo
Website
/ 
Fonts

Srbija Sans Font

2.15.23
Creative, Fonts, Landing, Webflow
CHRLS.DSGN
Inspo
Website
/ 

CHRLS.DSGN

2.15.23
Creative, Personal, Portfolio, Webflow
Das Glashaus In der Uckermark
Inspo
Website
/ 

Das Glashaus In der Uckermark

2.15.23
Housing, Real Estate, Landing, Scrollytelling, Webflow
Axis Arbor
Inspo
Website
/ 

Axis Arbor

2.15.23
Financial, Marketing, Portfolio, Webflow
BLZT Fonts Pack
Tools
Fonts
/ 

BLZT Fonts Pack

2.14.23
Creative, Fonts, Gallery
Arillatype.Studio®
Tools
Fonts
/ 

Arillatype.Studio®

2.14.23
Creative, Fonts, Gallery
IEX Exchange
Inspo
Website
/ 

IEX Exchange

2.14.23
Financial, Marketing, Webflow, Whiteboard
Notion API – Full Course for Beginners
Learn
Video
/ 

Notion API – Full Course for Beginners

2.14.23
API, Javascript, Notion
Perspective
Inspo
Website
/ 

Perspective

2.14.23
Creative, Agency, Portfolio, Webflow
Cinch PR
Inspo
Website
/ 

Cinch PR

2.14.23
Public Relations, Agency, Portfolio, Webflow
Builder.io
Tools
App
/ 

Builder.io

2.14.23
No-code, CMS, Extending, Marketing
Archetype
Tools
App
/ 

Archetype

2.13.23
API, Ecommerce, Custom Code
Jitter
Tools
App
/ 

Jitter

2.11.23
Creative, Motion Design, Video, Animation, Prototype
WhistlePig
Inspo
Website
/ 

WhistlePig

2.10.23
Food & Beverage, Marketing, Webflow
Splash
Inspo
Website
/ 

Splash

2.10.23
Events, Marketing, Webflow
Filip Wróblewski
Inspo
Website
/ 

Filip Wróblewski

2.10.23
Creative, Personal, Portfolio, Webflow
Webflow Autoplay Tabs w/ Play/Pause Button
Tools
Component
/ 

Webflow Autoplay Tabs w/ Play/Pause Button

2.9.23
No-code, Tabs, Playback, Jquery, Javascript, Custom Code, Accessibility, Webflow
Timothy Maurer
Inspo
Website
/ 

Timothy Maurer

2.9.23
Creative, Personal, Portfolio, Webflow
HvD Fonts
Tools
Fonts
/ 

HvD Fonts

2.9.23
Fonts, Gallery
Universe
Tools
App
/ 

Universe

2.9.23
No-code, Website Builder, Landing, Mobile Apps
Chart.js
Code
Library
/ 

Chart.js

2.9.23
Javascript, Charts, Visualization, Extending, Database, Chart.js for Webflow
Superchart
Tools
App
/ 

Superchart

2.9.23
Visualization, Charts, Webflow
Framepad
Tools
Framework
/ 
Website

Framepad

2.9.23
No-code, Design System, Utility, Framer
Genius by Diagram
Inspo
Website
/ 

Genius by Diagram

2.9.23
Landing, Webflow
Luxon
Code
Library
/ 

Luxon

2.8.23
Javascript, Time, Add International Times with Timezones to your website
Add International Times with Timezones to your website
Learn
Video
/ 

Add International Times with Timezones to your website

2.8.23
Custom Code, Javascript, Time, Luxon
Hookdeck
Inspo
Website
/ 

Hookdeck

2.8.23
No-code, API, Extending, Webflow
Good Design Tools
Tools
Directory
/ 

Good Design Tools

2.8.23
Creative, Gallery, Design System, Assets, Webflow, Figma, Framer
Recreating an Award-Winning Game in Webflow
Learn
Video
/ 

Recreating an Award-Winning Game in Webflow

2.7.23
No-code, Game, Interactions, Custom Code, Webflow, Timothy Ricks
Sheet Monkey
Tools
App
/ 

Sheet Monkey

2.7.23
No-code, Automation, Forms, Google Sheets
Creative South '23
Inspo
Website
/ 

Creative South '23

2.6.23
Events, Scrollytelling, Webflow
Redis Product Design & Development
Inspo
Website
/ 

Redis Product Design & Development

2.6.23
Agency, Portfolio, Webflow
Mike Lamont
Inspo
Website
/ 

Mike Lamont

2.6.23
Personal, Portfolio, Webflow
AvroKO
Inspo
Website
/ 

AvroKO

2.6.23
Furniture, Interior Design, Marketing, Webflow, Niccolò Miranda
Ultimate CMS Slider for Webflow
Learn
Video
/ 

Ultimate CMS Slider for Webflow

2.6.23
No-code, CMS, Slider, Custom Code, Webflow, Timothy Ricks
Activepieces
Tools
App
/ 

Activepieces

2.6.23
SAAS, Automation, Extending, Zapier
The Best Method of Scroll Snapping!
Learn
Video
/ 

The Best Method of Scroll Snapping!

2.5.23
CSS, Scroll, Interactions, Webflow
Connect Webflow to Airtable, Mailchimp and Slack with Webflow Logic
Learn
Video
/ 

Connect Webflow to Airtable, Mailchimp and Slack with Webflow Logic

2.4.23
Automation, Forms, API, Extending, Webflow, Airtable
ECAL Typefaces
Tools
Fonts
/ 

ECAL Typefaces

2.3.23
Creative, Fonts, Gallery
Figma to Webflow Plugin
Tools
Utility
/ 

Figma to Webflow Plugin

2.2.23
Creative, Extending, Assets, Figma, Webflow
Text Connector DateTime Formats
Learn
Tip
/ 
Snippet

Text Connector DateTime Formats

2.2.23
Time, Custom Code, HTML, Javascript
Quilt
Inspo
Website
/ 

Quilt

2.2.23
Housing, Sustainability, Landing, Webflow
Optimal Controls AI
Inspo
Website
/ 

Optimal Controls AI

2.2.23
AI, Sustainability, Marketing, Webflow
100 Days Of More Or Less Modern CSS
Learn
Article
/ 

100 Days Of More Or Less Modern CSS

2.2.23
Education, CSS, Extending, Custom Code
Memo
Tools
App
/ 

Memo

2.2.23
Education, Custom Code, Video
Notion Second Brain
Tools
Template
/ 

Notion Second Brain

$99
2.1.23
Project Management, Process, Database, Notion, Easlo
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.