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.

Tags

CSS
Loop
Animation

Industries

Creators

Corey Moen

Share this item

Twitter
Facebook
LinkedIn

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
↗

Advertise with No-Code Supply Co.

Promote your product (or yourself!) to our engaged audience looking for recommendations.
View item
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
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
Logan Liffick
Inspo
Website
/ 

Logan Liffick

1.19.23
Creative, Personal, Portfolio, Webflow
Aaron McGuire
Inspo
Website
/ 

Aaron McGuire

1.18.23
Creative, Personal, Portfolio, Webflow
Wondersauce
Inspo
Website
/ 

Wondersauce

1.18.23
Creative, Agency, Portfolio, Webflow
Automate Personalized Emails from Gmail using Airtable
Learn
Video
/ 

Automate Personalized Emails from Gmail using Airtable

1.18.23
No-code, Automation, Extending, Email, Airtable
Quick API
Tools
Utility
/ 

Quick API

1.18.23
No-code, API, Extending, Automation, Ecommerce
Moritz Petersen
Inspo
Website
/ 

Moritz Petersen

1.18.23
Creative, Personal, Portfolio, Webflow, Moritz Petersen
RapidAPI
Tools
App
/ 
Directory

RapidAPI

1.17.23
SAAS, API, Extending
11 ways to generate clickable links with Notion formulas
Learn
Article
/ 

11 ways to generate clickable links with Notion formulas

1.17.23
Formulas, Notion
Microlink
Tools
Utility
/ 

Microlink

1.17.23
API, Scraping, Automation, Datafetcher, Airtable
DetailsPro
Tools
App
/ 

DetailsPro

1.17.23
No-code, SwiftUI
Layer
Tools
App
/ 

Layer

1.17.23
No-code, Automation, Google Sheets
Breanna Beckmeyer
Inspo
Website
/ 

Breanna Beckmeyer

1.17.23
Creative, Personal, Portfolio, Webflow
Versus
Inspo
Website
/ 

Versus

1.17.23
Creative, Agency, Landing, Webflow
Shopyflow
Tools
App
/ 

Shopyflow

1.17.23
No-code, Ecommerce, Extending, Backend, Shopify, Webflow
CMCC Global
Inspo
Website
/ 

CMCC Global

1.17.23
Financial, Web3, Marketing, Animation, 3D, Webflow, Off Brand
Lotus
Inspo
Website
/ 
Utility

Lotus

1.16.23
SAAS, Marketing, Extending, Webflow
Supernova
Inspo
Website
/ 

Supernova

1.16.23
SAAS, Design System, Webflow
Bunch of icons — Growing library of pixel perfect icons
Tools
Icons
/ 
Website

Bunch of icons — Growing library of pixel perfect icons

$49
1.16.23
Gallery, Design System, Webflow
Notionery
Tools
Directory
/ 

Notionery

1.16.23
Gallery, Extending, Notion, Hedrick
Privacyboard
Tools
Utility
/ 
Website

Privacyboard

1.15.23
Legal, Utility, Generator, Webflow, Airtable, Wized
Ilja van Eck
Inspo
Website
/ 

Ilja van Eck

1.13.23
Portfolio, Webflow, Ilja van Eck
Oimachi
Inspo
Website
/ 

Oimachi

1.13.23
Agency, Webflow
Hardin's Creek
Inspo
Website
/ 

Hardin's Creek

1.13.23
Food & Beverage, Scrollytelling, Webflow
An Open Understanding
Inspo
Website
/ 

An Open Understanding

1.13.23
Agency, Webflow
Matter.js with Responsive SVG Bodies
Learn
Video
/ 

Matter.js with Responsive SVG Bodies

1.13.23
Aesthetic, Interactions, Custom Code, Media, Matter.js, Web Bae
Annual Awwwards
Inspo
Website
/ 

Annual Awwwards

1.13.23
Creative, Gallery, Agency, Webflow
Particles for Framer
Tools
Component
/ 

Particles for Framer

1.12.23
Extending, Aesthetic, Animation, Framer, Benjamin den Boer
Randomize Button Text on Click
Code
Snippet
/ 

Randomize Button Text on Click

1.12.23
Javascript, Random, Set, Text, Corey Moen
Hombre Tribute
Inspo
Website
/ 

Hombre Tribute

1.12.23
Film, Scrollytelling, Webflow
Hot buro
Inspo
Website
/ 

Hot buro

1.12.23
Creative, Agency, Portfolio, Webflow
Brightscout
Inspo
Website
/ 

Brightscout

1.12.23
Creative, Agency, Portfolio, Webflow
Lux Italia
Inspo
Website
/ 

Lux Italia

1.12.23
Real Estate, Housing, Construction, Marketing, Webflow
Going — Window Seat Blog
Inspo
Website
/ 

Going — Window Seat Blog

1.11.23
Travel, Landing, Webflow
Get Website Meta Data w/ Airtable Script
Code
Snippet
/ 

Get Website Meta Data w/ Airtable Script

1.10.23
Javascript, Automation, Get, Airtable, Corey Moen
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.