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.
Dash Digital Studio
Inspo
Website
/ 

Dash Digital Studio

5.16.22
Creative, Portfolio, Webflow
Reform Digital®
Inspo
Website
/ 

Reform Digital®

5.12.22
Creative, Portfolio, Webflow
Age Gate Overlay
Tools
Component
/ 

Age Gate Overlay

5.10.22
Authentication, Custom Code, Extending, Webflow, Corey Moen
Seachange
Inspo
Website
/ 

Seachange

5.10.22
Creative, Portfolio, Webflow
Birthday Age Gate Modal Overlay
Code
Snippet
/ 

Birthday Age Gate Modal Overlay

5.10.22
Javascript, Cookie, Validate, Webflow, Corey Moen
CoType Foundry
Tools
Fonts
/ 

CoType Foundry

5.9.22
Creative, Fonts, Gallery
Living With OCD
Inspo
Website
/ 

Living With OCD

5.9.22
Health & Wellness, Landing, Scrollytelling, Webflow
Liviu & Alexandra
Inspo
Website
/ 

Liviu & Alexandra

5.9.22
Creative, Portfolio, Webflow
Wayward
Inspo
Website
/ 

Wayward

5.2.22
Creative, Landing, Webflow
OpenPurpose®
Inspo
Website
/ 

OpenPurpose®

5.2.22
Creative, Portfolio, Webflow
Compliment
Inspo
Website
/ 

Compliment

5.2.22
Creative, Landing, Portfolio, Webflow
Redis Webflow
Inspo
Website
/ 

Redis Webflow

4.26.22
Creative, Portfolio, Webflow
François Lemieux
Inspo
Website
/ 

François Lemieux

4.26.22
Creative, Portfolio, Webflow
Sketchable
Inspo
Website
/ 

Sketchable

4.26.22
Creative, Portfolio, Webflow
Webspo
Inspo
Website
/ 

Webspo

4.26.22
Creative, Gallery, Webflow
Pangram Pangram Foundry
Tools
Fonts
/ 

Pangram Pangram Foundry

4.25.22
Creative, Fonts, Gallery
Pangram Pangram Foundry
Tools
Fonts
/ 

Pangram Pangram Foundry

4.25.22
Creative, Fonts, Gallery
Replo
Tools
App
/ 

Replo

4.16.22
No-code, Extending, Ecommerce, Shopify
RocketAir
Inspo
Website
/ 

RocketAir

4.14.22
Creative, Portfolio, Webflow, Rocket Air
Halo Media
Inspo
Website
/ 

Halo Media

4.13.22
Creative, Landing, Scrollytelling, Webflow
Kyle Craven
Inspo
Website
/ 

Kyle Craven

4.12.22
Creative, Portfolio, Webflow
Statement
Inspo
Website
/ 

Statement

4.11.22
Creative, Landing, Webflow
View All or Show Less List Pagination
Code
Snippet
/ 

View All or Show Less List Pagination

4.11.22
Javascript, CMS, Paginate, Human Capital, Corey Moen
Flume
Inspo
Website
/ 

Flume

4.7.22
Health & Wellness, Marketing, Webflow
Webflow Forms to Airtable (without Zapier or Make)
Learn
Video
/ 

Webflow Forms to Airtable (without Zapier or Make)

4.5.22
No-code, Webhooks, Automation, Forms, API, Airtable, Webflow, Connor Finlayson
Relume Library
Tools
Utility
/ 

Relume Library

$32/mo
4.5.22
No-code, Components, Gallery, Workflow, Relume, Relume
Super
Tools
App
/ 

Super

4.4.22
No-code, Extending, Notion, traf
Films 53/12
Inspo
Website
/ 

Films 53/12

4.4.22
Creative, Film, Motion Design, Video, Webflow
Aura
Inspo
Website
/ 

Aura

4.4.22
Financial, IT, Security, Marketing, Webflow
GSAP
Code
Library
/ 

GSAP

4.1.22
Javascript, Animation, Aesthetic, GSAP Scrolltrigger for Advanced Scroll Interactions, Animate Along SVG Path Using GSAP, Pixelate Images Interaction in Webflow, GSAP Text Animator
Editor X
Tools
App
/ 

Editor X

4.1.22
, Will Editor X Replace Webflow?
Word of Mouth
Inspo
Website
/ 

Word of Mouth

3.30.22
Entertainment, Landing, Marketing, Webflow
Update Page Title When Navigating Away
Code
Snippet
/ 

Update Page Title When Navigating Away

3.30.22
Javascript, Set
Dima Kutsenko
Inspo
Website
/ 

Dima Kutsenko

3.28.22
Photography, Landing, Portfolio, Webflow
Capchase
Inspo
Website
/ 

Capchase

3.28.22
Financial, Marketing, Webflow
Jack Jaeschke
Inspo
Website
/ 

Jack Jaeschke

3.28.22
Creative, Motion Design, Portfolio, Webflow
Stas Bondar
Inspo
Website
/ 

Stas Bondar

3.28.22
Portfolio, Personal, Webflow
Tears Of War
Inspo
Website
/ 

Tears Of War

3.28.22
NFT, Web3, Landing, Webflow
Get UTM Parameter Source From URL
Code
Snippet
/ 

Get UTM Parameter Source From URL

3.28.22
Javascript, Get, URL, Hide/show Based on URL Parameter, Set Text From URL Parameters
Set Referrer URL as Hidden Input
Code
Snippet
/ 

Set Referrer URL as Hidden Input

3.28.22
Javascript, Set, URL, Corey Moen
Propel
Inspo
Website
/ 

Propel

3.23.22
Financial, Landing, Marketing, Webflow
Real Thread
Inspo
Website
/ 

Real Thread

3.23.22
Printing, Gallery, Marketing, Webflow
Add-a-Field Form
Tools
Component
/ 

Add-a-Field Form

3.22.22
Forms, Extending, Custom Code, Webflow, Corey Moen
Bowen
Inspo
Website
/ 

Bowen

3.22.22
Printing, Marketing, Ecommerce, Webflow
BRAINLAYERS
Inspo
Website
/ 

BRAINLAYERS

3.21.22
Creative, Portfolio, Webflow
Cash Your Flow | Webflow Pricing Calculator
Tools
Utility
/ 

Cash Your Flow | Webflow Pricing Calculator

3.18.22
Creative, Resource, Agency, Pricing, Webflow
Fetch and Nest Content From Another Page
Code
Snippet
/ 

Fetch and Nest Content From Another Page

3.17.22
Javascript, Jquery, Get, Load, Corey Moen
Dial it Down
Inspo
Website
/ 

Dial it Down

3.16.22
Health & Wellness, Landing, Webflow
Modern Elder Academy
Inspo
Website
/ 

Modern Elder Academy

3.16.22
Health & Wellness, Marketing, Webflow
The State of Conversational Commerce
Inspo
Website
/ 

The State of Conversational Commerce

3.16.22
Creative, Scrollytelling, Webflow
Dippies
Inspo
Website
/ 

Dippies

3.3.22
NFT, Web3, Landing, Webflow
Apex Transformations
Inspo
Website
/ 

Apex Transformations

3.3.22
Construction, Industrial, Marketing, Webflow
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.