Page 1 of 1

cap style

Posted: Wed Mar 01, 2023 9:24 am
by Ruslan3013
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

Re: cap style

Posted: Wed Mar 01, 2023 10:11 am
by Pablo
This is possible with scroll transitions:
https://www.wysiwygwebbuilder.com/scrol ... tions.html

transition animation for the icon

Posted: Thu Mar 02, 2023 10:24 am
by Ruslan3013
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

Re: cap style

Posted: Thu Mar 02, 2023 10:58 am
by Pablo
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>
 

Re: cap style

Posted: Thu Mar 02, 2023 11:32 am
by Ruslan3013
I make the icon as svg but it doesn't work. And where should I add this code ?

Re: cap style

Posted: Thu Mar 02, 2023 12:22 pm
by Ruslan3013
would you be able to demonstrate to me how to do this ?

Re: cap style

Posted: Thu Mar 02, 2023 12:23 pm
by Pablo
The code works.
https://www.wysiwygwebbuilder.com/support/icon_scrolltransitions.html

The code should be placed between the head tags.

Re: cap style

Posted: Thu Mar 02, 2023 12:29 pm
by Ruslan3013
I do not know where to put the code? please tell me the sequence of actions

Re: cap style

Posted: Thu Mar 02, 2023 12:30 pm
by Ruslan3013
where exactly should I put this code ?

Re: cap style

Posted: Thu Mar 02, 2023 12:43 pm
by BaconFries
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*

Re: cap style

Posted: Fri Mar 03, 2023 2:21 pm
by Ruslan3013
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)).