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.
Whiteboard's Agency Report
Inspo
Website
/ 

Whiteboard's Agency Report

2.1.23
Creative, Agency, Scrollytelling, Webflow
Nucleo
Tools
Icons
/ 
App

Nucleo

$99
1.31.23
Creative, Assets, SVG, Gallery
Payhip
Tools
App
/ 

Payhip

1.31.23
Education, Ecommerce, Extending
Cloudpress
Tools
Utility
/ 

Cloudpress

1.30.23
No-code, Automation, Extending, Webflow, Notion
Nube
Inspo
Website
/ 

Nube

1.30.23
Creative, Agency, Portfolio, Webflow
Automatisch
Tools
App
/ 

Automatisch

1.30.23
No-code, Automation, Zapier
Deduxer Studio
Inspo
Website
/ 

Deduxer Studio

1.30.23
Creative, Agency, Portfolio, Webflow
Vev
Tools
App
/ 

Vev

1.28.23
No-code, Landing, Marketing
Animate Along SVG Path Using GSAP
Learn
Video
/ 

Animate Along SVG Path Using GSAP

1.27.23
Animation, SVG, Assets, Webflow, GSAP
Clean Shot X
Tools
App
/ 

Clean Shot X

1.27.23
Screen Capture, Assets, Video
Reverse Proxy for Webflow Pt.1
Learn
Video
/ 

Reverse Proxy for Webflow Pt.1

1.27.23
Proxy, Hosting, Webflow
NoCode Exits
Tools
Directory
/ 

NoCode Exits

1.26.23
No-code, Gallery, How To
August
Inspo
Website
/ 

August

1.26.23
Housing, Real Estate, Marketing, CMS, Extending, Webflow, Wized, Black Peak
Thomas Bosc
Inspo
Website
/ 

Thomas Bosc

1.26.23
Creative, Portfolio, Personal, Webflow
Versoly
Tools
App
/ 

Versoly

1.26.23
No-code, Marketing, Landing, CMS
Images Inside Text Spans in Webflow
Learn
Video
/ 

Images Inside Text Spans in Webflow

1.26.23
No-code, Assets, Jquery, Custom Code, Aesthetic, Webflow, Timothy Ricks
Ghostwrite
Tools
Utility
/ 

Ghostwrite

1.25.23
AI, Email, Automation
Ruttl
Tools
App
/ 

Ruttl

1.25.23
SAAS, Comments
Xnapper
Tools
App
/ 

Xnapper

1.25.23
SAAS, Screen Capture, Assets
Simple Type Co.
Tools
Fonts
/ 

Simple Type Co.

1.25.23
Fonts, Gallery
Using Webflow with Cloudflare
Learn
Article
/ 

Using Webflow with Cloudflare

1.24.23
Extending, Hosting, Webflow
Buildcamp
Learn
Course
/ 

Buildcamp

1.23.23
No-code, Gallery, Bubble
100 Days of No-Code
Learn
Course
/ 

100 Days of No-Code

1.23.23
No-code, Education, Gallery, Webflow, Notion, Zapier, Airtable, Voiceflow, Bubble, Glide, Adalo
Sammy
Inspo
Website
/ 

Sammy

1.23.23
Financial, Marketing, Webflow
Remix Framer
Inspo
Website
/ 
Directory

Remix Framer

1.22.23
Extending, Interactions, Framer
Persistent Dark Mode Switch
Tools
Component
/ 

Persistent Dark Mode Switch

1.22.23
Javascript, Jquery, Custom Code, Extending, Aesthetic, Webflow, Timothy Ricks
Scrollyvideo.js
Code
Library
/ 

Scrollyvideo.js

1.22.23
Extending, Custom Code, Javascript, Scroll, Video
Iconic
Tools
Icons
/ 
Directory

Iconic

$99/yr
1.22.23
Creative, Gallery, SVG
Vintage Voyage Design Supply
Tools
Fonts
/ 
Directory

Vintage Voyage Design Supply

1.22.23
Creative, Fonts, Gallery
Supa Palette
Tools
Utility
/ 

Supa Palette

1.22.23
Color Palettes, Design System, Figma
fffuel
Tools
Directory
/ 

fffuel

1.22.23
Assets, SVG, Gradient
Framer.supply
Tools
Directory
/ 

Framer.supply

1.21.23
No-code, Gallery, Framer, Benjamin den Boer
Softr
Tools
App
/ 

Softr

1.21.23
No-code, SAAS, Web Apps, Website Builder
Nocode.gallery
Tools
Directory
/ 

Nocode.gallery

1.21.23
No-code, Gallery, Webflow, Framer
LanceID
Tools
Utility
/ 

LanceID

1.21.23
Creative, Project Management, Utility
Bubble Bootcamp
Learn
Course
/ 

Bubble Bootcamp

$249
1.21.23
Web Apps, Bubble
Understanding IF and SWITCH Statements in Airtable
Learn
Video
/ 

Understanding IF and SWITCH Statements in Airtable

1.20.23
Formulas, Automation, Airtable
Flow Party
Inspo
Website
/ 

Flow Party

1.20.23
No-code, Community, Webflow
Søren Rose Studio
Inspo
Website
/ 

Søren Rose Studio

1.20.23
Creative, Furniture, Engineering, Agency, Portfolio, Webflow
How to add a custom class to an element in Framer
Learn
Tip
/ 

How to add a custom class to an element in Framer

1.20.23
Extending, Custom Code, Framer
Streamline Icons
Tools
Icons
/ 

Streamline Icons

$29/mo
1.20.23
Creative, Gallery, Framer
Healthy Together
Inspo
Website
/ 

Healthy Together

1.20.23
Health & Wellness, Marketing, 3D, Webflow
Natroceutics
Inspo
Website
/ 

Natroceutics

1.20.23
Environment, Science, Health & Wellness, Marketing, Ecommerce, Webflow
Import Colors From Figma to Webflow
Learn
Video
/ 

Import Colors From Figma to Webflow

1.19.23
No-code, Automation, Design System, Figma, Webflow
FixFlow
Inspo
Website
/ 

FixFlow

1.19.23
No-code, Landing, Webflow
Intro
Inspo
Website
/ 

Intro

1.19.23
Networking, Gallery, Webflow
V I T R I N E
Inspo
Website
/ 

V I T R I N E

1.19.23
Fashion, Landing, Gallery, Webflow
VLA
Inspo
Website
/ 

VLA

1.19.23
Creative, Personal, Portfolio, Webflow
Snig
Inspo
Website
/ 

Snig

1.19.23
Creative, Agency, Portfolio, Webflow
Refokus Year in Review 2022
Inspo
Website
/ 

Refokus Year in Review 2022

1.19.23
Creative, Scrollytelling, Animation, Webflow, Refokus
Blotter.js
Code
Library
/ 

Blotter.js

1.19.23
Custom Code, Text, Animation, Aesthetic
splt.js
Code
Library
/ 

splt.js

1.19.23
Custom Code, Text, Animation
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.