cap style

Ruslan3013 · Post by **Ruslan3013** » Wed Mar 01, 2023 9:24 am

is it possible to change so that when scrolling the header of the site where the menu is located, it changes its style? For example, the cap is black, the words on the menu are white, and when scrolling so that it changes, the cap is white and the words on the menu are automatically black

Post by **Pablo** » Wed Mar 01, 2023 10:11 am

This is possible with scroll transitions:
https://www.wysiwygwebbuilder.com/scrol ... tions.html

Ruslan3013 · Post by **Ruslan3013** » Thu Mar 02, 2023 10:24 am

isn't it possible to give transition animation to icons? I want the icon color to change when scrolling. I tried in every possible way it does not work. But with labels, the effect is obtained

Post by **Pablo** » Thu Mar 02, 2023 10:58 am

It also works for SVG icons.
However, you will need to tell the browser to use the current color:

Code: Select all

<style>
#Icon1
{
   fill: currentColor !important;
}
</style>

Ruslan3013 · Post by **Ruslan3013** » Thu Mar 02, 2023 11:32 am

I make the icon as svg but it doesn't work. And where should I add this code ?

Ruslan3013 · Post by **Ruslan3013** » Thu Mar 02, 2023 12:22 pm

would you be able to demonstrate to me how to do this ?

Post by **Pablo** » Thu Mar 02, 2023 12:23 pm

The code works.
https://www.wysiwygwebbuilder.com/support/icon_scrolltransitions.html

The code should be placed between the head tags.

Ruslan3013 · Post by **Ruslan3013** » Thu Mar 02, 2023 12:29 pm

I do not know where to put the code? please tell me the sequence of actions

Ruslan3013 · Post by **Ruslan3013** » Thu Mar 02, 2023 12:30 pm

where exactly should I put this code ?

BaconFries · Post by **BaconFries** » Thu Mar 02, 2023 12:43 pm

where exactly should I put this code ?

Pablo has already said where to between the head tags,!
Page HTML Between the <head>You insert here!!</head>tags*

Ruslan3013 · Post by **Ruslan3013** » Fri Mar 03, 2023 2:21 pm

many thanks to the developers for such a program as web builder. This program is so multifunctional that you can build any projects. My words are not advertised)).

www.wysiwygwebbuilder.com

cap style

cap style

Re: cap style

transition animation for the icon

Re: cap style

Re: cap style

Re: cap style

Re: cap style

Re: cap style

Re: cap style

Re: cap style

Re: cap style