An easy way to utilize CSS for Logo marquees and other sections in your Webflow site. An easier way to create an infinite looping marquee on your Webflow site than creating them manually with Webflow interactions.
Do you want consistency with your Webflow designs? Truncate multi-line texts with ellipses based on 2 or 3 lines of your choosing via CSS. This helps keep your designs uniformed without needing to set max height limitations by truncating text that goes beyond a certain length.
Automatically truncate text that goes beyond a line on your Webflow site with this simple CSS script. This helps create uniformed design on your site by truncating text with ellipsis if they go beyond a single line.
Add a unique hyperlink highlight hover effect to your Webflow site with this custom CSS solution. This simple CSS script allows you to add a unique highlight hover effect without using any custom Webflow interactions.
Make your default form inputs draggable and resizable on your Webflow sites with this CSS snippet. This CSS snippet allows for you to make your default form field inputs resizable by your users/visitors on your Webflow sites.
This is used to normalize and reset any CSS used in the client-first system to correct any strange Webflow native issues as well as offer some additional functionality like truncating via CSS. This should be added to your global styles embed on your site.
Create a custom underline offset for your Webflow site using custom CSS. This is an easy way to add a unique style underline to your Webflow site designs, we recommend adding this to your global stylesheet.
Add a Vimeo video as a background video on your Webflow site using this custom CSS code. If you've wanted to add a Vimeo video as a background video you'll see that it's not possible natively in Webflow. This CSS allows you to add a Vimeo background video to your Webflow site.
Customize the shape of Webflow's native list item for your Webflow site with this custom CSS solution. Want a different shape than Webflow's native circle list item shape? With this method you can easily update the list item shape.
This simple CSS code snippet allows you to fade items that are not currently hovered on your Webflow site. This is perfect for navbars or other elements that you want to emphasize the hover state on without building unique hover states or using interactions.