How to add smooth change tabs?

Good time of day. Please tell me there is code switching tabs, as it is slightly modified to accept the tabs switched smoothly(animation or delay to add). Thanks in advance.
$(document).ready(function () {
 $('.s-services__controls_link').on('click',function (e) {
e.preventDefault();

 var tabItem = $(this).closest('.s-services__controls_item'),
 tabContentItem = $('.s-services__tab_item'),
 tabItemPosition = tabItem.data('services');

 tabContentItem.filter('.s-services__tab_item-' + tabItemPosition)
.add(tabItem)
.addClass('active')
.siblings()
.removeClass('active');
});
});
March 12th 20 at 08:40
1 answer
March 12th 20 at 08:42
You can use Webkit.
CSS property -webkit-transition you can see, even with examples)
The prefixes for the browsers:
IE
Engine: Trident
CSS-prefix: -ms
EDGE
The Engine EdgeHTML
CSS-prefix: -ms
Firefox
Engine: Gecko
CSS-prefix: -moz
Opera
Engine: Presto → Blink 1
CSS-prefix: -o (Presto) and-webkit (Blink)
Safari
Engine: WebKit
CSS-prefix: -webkit
Chrome
Engine: WebKit → Blink 2
CSS-prefix: -webkit - clotilde commented on March 12th 20 at 08:45
@clotilde, And where does all the cross-browser previsi?and how the css will then work at all?here is the change using js? so adding properties in css will not change anything. It is necessary to add something in the spirit of setTimeout or some type of fadeIn animation, I just don't know how to do it in this example. - Tristian.OKee commented on March 12th 20 at 08:48
@Tristian.OKee, the browser will smoothly render change the CSS style.
For example, you have Taba was font-size: 24px. In the onclick event - you are adding a new class active, which font-size: 40px, -webkit-transition-property: font-size and -webkit-transition-duration:2s. Then the font-size will gradually increase from 24 to 40 in 2 seconds. Example - clotilde commented on March 12th 20 at 08:51
@clotilde, No one, unfortunately it is as I suspected, doesn't work. I would like to show you, but unfortunately I have a grid on the mixins and I just Zaman to collect it..js not tell me how to add animations(smoothness) in this code? - Tristian.OKee commented on March 12th 20 at 08:54

Find more questions by tags jQueryJavaScript