Hyperlink hover effect
Example
Description
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.
Instructions
- Add the CSS code snippet to your head custom code section or global embed
- Add the class to your text links you want the effect displayed on
Javascript snippet
CSS snippet
HTML snippet
.svg)
Snippet tags
Play Background Video on Hover
Play a background video when a user hovers over the video on your Webflow site.
Prevent Input Zoom Scaling on Mobile
Prevent an input form zoom scaling on mobile on your Webflow site. This allows for a better user experience based on your sites design rather than mobile OS zoom default properties.
Truncate multi-line text with Ellipse
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.
Custom Select Styling Multi-Select Input
Design your own dropdowns and multi-select inputs in Webflow using Select2. With this Javascript code you'll be able to customize the look and design of the multi-select from the native browser select.
Custom Diamond List Bullet Shape
.png){kind=avatar}
Instead of the default circle for your Webflow list items this CSS snippet allows you to add a diamond as an alternative design.
Single Line Truncate Text
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.
Custom Slider Dot Color
Easily change the native Webflow slider element navigation/dot colors with this CSS snippet. This method allows you to easily select the colors of Webflow's native slider dots via a CSS code snippet.
Split Text into Lines
Easily split text into lines based on lines, words, characters on your Webflow site. A great way to add interactions based on your own specifications to text on your Webflow site.
