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.
Lottieflow
Tools
Directory
/ 

Lottieflow

12.3.19
Motion Design, Assets, Animation, Media, LottieFiles for Figma
Nocode.tech
Tools
Directory
/ 

Nocode.tech

12.3.19
No-code, Technology, Gallery
Flowbase
Tools
Directory
/ 

Flowbase

12.3.19
No-code, Assets, Webflow
Lobe
Tools
App
/ 

Lobe

12.3.19
AI, Accessibility
DronaHQ
Tools
App
/ 

DronaHQ

12.3.19
Web Apps
Adalo
Tools
App
/ 

Adalo

12.3.19
No-code, Mobile Apps, 100 Days of No-Code
Storychief
Tools
App
/ 

Storychief

12.3.19
SAAS, Backend, CMS
Authflow
Tools
Utility
/ 

Authflow

12.3.19
Authentication
Foxy.io
Tools
App
/ 

Foxy.io

12.3.19
No-code, Extending, Ecommerce
Typeform
Tools
App
/ 

Typeform

12.3.19
No-code, Forms
Uploadcare
Tools
App
/ 

Uploadcare

12.3.19
SAAS, Extending, Forms
Udesly
Tools
App
/ 

Udesly

12.3.19
No-code, Ecommerce, Webflow, Shopify
Xano
Tools
App
/ 

Xano

12.3.19
SAAS, No-code, Backend, Web Apps
UI Bakery
Tools
App
/ 

UI Bakery

12.3.19
No-code, Frontend
@Media Prefers Dark/Light
Code
Snippet
/ 

@Media Prefers Dark/Light

11.21.19
CSS, Accessibility, Aesthetic
CSS Combinators
Code
Snippet
/ 

CSS Combinators

11.21.19
CSS, Get
Min/Max/Clamp Individual Styles
Code
Snippet
/ 

Min/Max/Clamp Individual Styles

11.21.19
CSS, Responsive, Text
CSS Aspect-Ratio
Code
Snippet
/ 

CSS Aspect-Ratio

11.21.19
CSS, Aesthetic
CSS Scroll Snap
Code
Snippet
/ 

CSS Scroll Snap

11.21.19
CSS, Aesthetic, Scroll
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.