Hello! I am a proud user of Bootstrap Studio for the last 6 months or so, I have the 29,00 license and I am seriously considering buying the 60,00 one just because for the help this program provides, it is worth it’s money and the developer seems to really care about the community and enhancing the product. That said, the only thing that I can’t find anywhere how to implement directly in the code is a transition for hovering effects and such. (There are other things that are less urgent and were already tackled by the developer for future updates).
Before asking this topic, I ran on the forum and tried to find something related to it, but I can’t seem to find any answers. So… can somebody help me with CSS transitions?
I tried to use the @keyframe solution, but I can’t seem to make it work properly. I know how to make the hover effect, it’s not a problem to write it in CSS, what I can’t seem to make it work is a transition from a hover to the other. Because I want the hover to take some time. I tried transition-duration, transition-timing-function: ease, but seriously I can only make the hover change colors and appearance, but not change the duration.
Hi, this tool seem really nice! Before replying, I try to test what was suggested as solution. The codes available there are really nice, but I just want to make a transition from a first state into a hover change. For example:
That changes the color when the mouse hovers the button, but I just want the transition from one to the other to take a certain amount of time rather than being instantaneous. But Bootstrap Studio is setting my code as “invalid” when I try to use transitions, even if I use auto-complete to right the text from BS itself!
This will produce a smooth transition from one color to the other over a period of three tenths of a second. If you are trying to slowly change multiple characteristics of the button aside from the background-color (ex. text color, button size, etc…,) you can just use transition: all .3;
About the topic, you will need to use css, this is Front-End focused tool, it’s not really a full website builder, this is a tool focused to help make frontend with bootstrap. Personally i think it would be cool idea to implement state transitions for hovers, focus, active etc just basic ones like few simple transitions like scale etc, but still in css it takes literally 20secs to implement it, so…
At the moment I see no problem with recommending W3s, I just don’t feel good at having ONLY W3s recommended on to me. As long as there is more to an answer than W3s, I think that it channels to a good place for official information regarding the best practices of front end tools like html and css.
Another very useful site that has both a ton of useful info, and a massive community of people who answer questions about anything programming-related is Stackoverflow. If you do any sort of coding for a living, having a Stackoverflow account is kind of a given.