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.
Atomus®
Inspo
Website
/ 

Atomus®

10.11.22
Creative, Landing, Webflow
StanVision
Inspo
Website
/ 

StanVision

10.11.22
Creative, Portfolio, Agency, Webflow
Fontshare
Tools
Fonts
/ 
Directory

Fontshare

10.10.22
Creative, Fonts, Gallery
Tango
Tools
App
/ 

Tango

10.10.22
SAAS, Docs
Get Image Size w/ Airtable Script
Code
Snippet
/ 

Get Image Size w/ Airtable Script

10.10.22
Javascript, Get, Loop, Set, Airtable, Airtable Scripts Marketplace, Corey Moen
Compress Images w/ Airtable Script
Code
Snippet
/ 

Compress Images w/ Airtable Script

10.10.22
Javascript, API, Automation, Airtable, Airtable Scripts Marketplace, Kraken, Corey Moen
3 Ways to Loop Through Records w/ Airtable Scripts
Learn
Tip
/ 

3 Ways to Loop Through Records w/ Airtable Scripts

10.10.22
Automation, Database, Airtable
Finsweet Attributes
Tools
Utility
/ 

Finsweet Attributes

10.7.22
CMS, Custom Code, Extending, Search, Frontend, Interactions, Navigation, Webflow
Formly
Tools
Utility
/ 

Formly

$120/yr
10.7.22
Custom Code, Extending, Forms, Webflow
Creating a User Portal for Airtable
Learn
Video
/ 

Creating a User Portal for Airtable

10.7.22
Authentication, Database, Airtable, Stacker
Simple Countdown to Date/Time
Code
Snippet
/ 

Simple Countdown to Date/Time

10.6.22
Javascript, Set, Time, Corey Moen
Illustration.lol
Inspo
Website
/ 

Illustration.lol

10.4.22
Creative, Gallery, Webflow
Use Airtable Scripts to Resize and Crop Images
Learn
Video
/ 

Use Airtable Scripts to Resize and Crop Images

10.3.22
Automation, Kraken, No Code Collab
GetScreenshot
Tools
Utility
/ 

GetScreenshot

10.3.22
SAAS, API, Media, Automation, Screen Capture
Moment.js
Code
Library
/ 

Moment.js

10.3.22
Javascript, Time, Validate
Bryte
Inspo
Website
/ 

Bryte

9.30.22
Creative, Portfolio, Agency, Webflow
Belka
Inspo
Website
/ 

Belka

9.30.22
Creative, Portfolio, Agency, Webflow
Potential Motors
Inspo
Website
/ 

Potential Motors

9.28.22
Transportation, Marketing, Webflow
Eraser
Inspo
Website
/ 

Eraser

9.28.22
SAAS, Technology, Marketing, Webflow
Auth0 + Webflow
Learn
Video
/ 

Auth0 + Webflow

9.28.22
Authentication, Extending, Webflow
Metaballs
Learn
Tip
/ 

Metaballs

9.24.22
How To, CSS, Aesthetic, Animation
TailGraph
Tools
Utility
/ 

TailGraph

9.23.22
SAAS, Assets, Automation, Extending, SEO
Where Whalesync Really Wails
Learn
Video
/ 

Where Whalesync Really Wails

9.21.22
Automation, Database, CMS, Airtable, Webflow, Whalesync, No Code Collab
Winden
Inspo
Website
/ 

Winden

9.20.22
Financial, SAAS, Marketing, Webflow
Gameto
Inspo
Website
/ 

Gameto

9.16.22
Medical, Science, Marketing, Webflow
Debut
Inspo
Website
/ 

Debut

9.16.22
Medical, Science, Marketing, Webflow
Webflow Go Live Checklist
Tools
Template
/ 

Webflow Go Live Checklist

$0+
9.15.22
SEO, Accessibility, Project Management, QA, Notion, Webflow
VANA
Inspo
Website
/ 

VANA

9.15.22
IT, SAAS, Security, Technology, Marketing, Webflow, También Studio
Rothy's Brand Platform
Inspo
Website
/ 

Rothy's Brand Platform

9.12.22
Fashion, Brand Guide, Webflow
Marco Cornacchia
Inspo
Website
/ 

Marco Cornacchia

9.8.22
Creative, SAAS, Technology, Portfolio, Webflow
Custom multi-select field in Webflow Form
Learn
Video
/ 

Custom multi-select field in Webflow Form

9.7.22
Custom Code, Forms, Custom Webflow Multi-select Input, Webflow
Commercial Type
Tools
Fonts
/ 

Commercial Type

9.6.22
Creative, Fonts, Gallery
The Audacious Project
Inspo
Website
/ 

The Audacious Project

9.6.22
Sustainability, Nonprofit, Environment, Health & Wellness, Marketing, Gallery, Whiteboard
Finsweet Nobull
Tools
Utility
/ 

Finsweet Nobull

9.6.22
Automation, Database, Extending
Aro
Inspo
Website
/ 

Aro

9.5.22
Health & Wellness, Technology, Marketing, Whiteboard
Creator Roadmap
Tools
Template
/ 

Creator Roadmap

$0+
9.4.22
Docs, How To, Workflow, Easlo
Finsweet Attributes Ready JS Method
Code
Snippet
/ 

Finsweet Attributes Ready JS Method

8.31.22
Javascript, API, Load, Finsweet
Attentive Holiday
Inspo
Website
/ 

Attentive Holiday

8.30.22
SAAS, Landing, Prototype, Enterprise, Webflow
Homerun Style System
Inspo
Website
/ 

Homerun Style System

8.30.22
Creative, Brand Guide, Utility, Webflow
Surfer
Inspo
Website
/ 

Surfer

8.30.22
SAAS, Marketing, Webflow
Effect All Siblings on Hover With CSS
Code
Snippet
/ 

Effect All Siblings on Hover With CSS

8.30.22
CSS, Aesthetic, Hide/Show, Set
Fable
Tools
App
/ 

Fable

8.29.22
Motion Design, Animation
Herman Mold + Tooling, Inc.
Inspo
Website
/ 

Herman Mold + Tooling, Inc.

8.28.22
Industrial, Marketing, Webflow, Liv Hunt
Framer
Tools
App
/ 

Framer

8.28.22
Accessibility, CMS, Forms, Hosting, Interactions, Website Builder, Framer Training, CourseOS, Cubo, Streamline Icons, Instaprice, Traf, Godlike, Charles, Ultra, MOD, Dann Petty, Dive, How to add a custom class to an element in Framer, Nocode.gallery, Framer.supply, Zapier Brand, Detail, Vibrant, Framer Tips, Remix Framer, Animator for Framer, Morpher for Framer, Heading for Framer, Particles for Framer, Good Design Tools, Framepad, MessageBird, Copy-Paste SVG Shapes, Framer Daily Drops, VSK, Mars Rejects, Databar, Pimpinella, Before & After Image Slider for Framer, Studio Duo, HyperFramer, Framer Overrides, Framer Form Component, Framestack, Gil Huybrecht, Framerave, FramerAuth, Interfacer, Framer University, Thenty, BuildBetter AI, Navs.Supply, Bajgart Design Office, Off-Grid, Off-Grid, Overrrides, SegmentUI, Form Studio, Oleg Masnyy, FramerForms
Hatch
Tools
Framework
/ 

Hatch

8.28.22
How To, Resource
SystemFlow
Tools
Framework
/ 

SystemFlow

8.28.22
How To, Resource
Building a CMS Quiz in Webflow using WeBlocks
Learn
Video
/ 

Building a CMS Quiz in Webflow using WeBlocks

8.28.22
Extending, Forms, How To, Webflow, WeBlocks
Top 3 tricks for CMS collection lists in Webflow
Learn
Video
/ 

Top 3 tricks for CMS collection lists in Webflow

8.28.22
CMS, Custom Code, How To, Inline Merge and Nest Collection Lists, Webflow, Timothy Ricks
Creating Lottie Files Using Illustrator & After Effects for Webflow
Learn
Video
/ 

Creating Lottie Files Using Illustrator & After Effects for Webflow

8.28.22
Animation, How To, Webflow, Timothy Ricks
Building a Liquid Nav in Webflow
Learn
Video
/ 

Building a Liquid Nav in Webflow

8.28.22
Custom Code, How To, Interactions, Navigation, Webflow
Timothy Ricks JQuery Builder Course
Learn
Course
/ 

Timothy Ricks JQuery Builder Course

8.28.22
Custom Code, How To, Resource, Jquery, Timothy Ricks
Adaptive Page Loader in Webflow
Learn
Video
/ 

Adaptive Page Loader in Webflow

8.28.22
Animation, Custom Code, How To, 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.