JSFiddle - React, Tailwind, and code Playground
JavaScript
if( navigator.userAgent.match(/iPad|iPhone|Android/i) ) {
$('article.skill-circle').on('touchstart', function() {resizeCircle()});
} else {
$('article.skill-circle').hover(function() {
resizeCircle(this);
$('div.skill-circle-big').css({
'transform': 'scale(5.7)',
'-webkit-transform': 'scale(5.7)',
'-moz-transform': 'scale(5.7)',
'-ms-transform': 'scale(5.7)',
'-o-transform': 'scale(5.7)'
});
});
}
//functions
function resizeCircle(this) {
$('div.skill-circle-big .animation').css({
'display': 'none'
});
$('div.skill-circle-big').addClass('hoverCircle').html($(this).html());
}