_
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Add Your Heading Text Here
Add Your Heading Text Here
#core-skill-consulting-r1,
#core-skill-consulting-r2,
#core-skill-consulting-r3,
#core-skill-consulting-r4,
#core-skill-consulting-r5 {
transition-property: x, y, width, height, transform;
transition-duration: 0.15s;
}
#core-skill-consulting-r1 {
transform-origin: 18px 18px;
transition-delay: 0s;
}
#core-skill-consulting-r2 {
transform-origin: 30px 18px;
transition-delay: 0s;
}
#core-skill-consulting-r3 {
transform-origin: 15px 28px;
transition-delay: 0s;
}
#core-skill-consulting-r4 {
transform-origin: 33px 28px;
transition-delay: 0s;
}
#core-skill-consulting-r5 {
transition-delay: 0.05s;
}
svg:hover #core-skill-consulting-r1,
svg.hover #core-skill-consulting-r1 {
x: 15px;
y: 16px;
width: 6px;
height: 4px;
transform: rotate(4deg);
transition-delay: 0.05s;
}
svg:hover #core-skill-consulting-r2,
svg.hover #core-skill-consulting-r2 {
x: 27px;
y: 16px;
width: 6px;
height: 4px;
transform: rotate(-4deg);
transition-delay: 0.05s;
}
svg:hover #core-skill-consulting-r3,
svg.hover #core-skill-consulting-r3 {
x: 17px;
y: 27px;
width: 6px;
height: 4px;
transform: rotate(16deg);
transition-delay: 0.1s;
}
svg:hover #core-skill-consulting-r4,
svg.hover #core-skill-consulting-r4 {
x: 25px;
y: 27px;
width: 6px;
height: 4px;
transform: rotate(-16deg);
transition-delay: 0.1s;
}
svg:hover #core-skill-consulting-r5,
svg.hover #core-skill-consulting-r5 {
x: 22px;
y: 21px;
width: 4px;
height: 6px;
transition-delay: 0s;
}
#core-skill-consulting-r1, #core-skill-consulting-r2, #core-skill-consulting-r3, #core-skill-consulting-r4, #core-skill-consulting-r5 { transition-property: x, y, width, height, transform; transition-duration: 0.15s; } #core-skill-consulting-r1 { transform-origin: 18px 18px; transition-delay: 0s; } #core-skill-consulting-r2 { transform-origin: 30px 18px; transition-delay: 0s; } #core-skill-consulting-r3 { transform-origin: 15px 28px; transition-delay: 0s; } #core-skill-consulting-r4 { transform-origin: 33px 28px; transition-delay: 0s; } #core-skill-consulting-r5 { transition-delay: 0.05s; } svg:hover #core-skill-consulting-r1, svg.hover #core-skill-consulting-r1 { x: 15px; y: 16px; width: 6px; height: 4px; transform: rotate(4deg); transition-delay: 0.05s; } svg:hover #core-skill-consulting-r2, svg.hover #core-skill-consulting-r2 { x: 27px; y: 16px; width: 6px; height: 4px; transform: rotate(-4deg); transition-delay: 0.05s; } svg:hover #core-skill-consulting-r3, svg.hover #core-skill-consulting-r3 { x: 17px; y: 27px; width: 6px; height: 4px; transform: rotate(16deg); transition-delay: 0.1s; } svg:hover #core-skill-consulting-r4, svg.hover #core-skill-consulting-r4 { x: 25px; y: 27px; width: 6px; height: 4px; transform: rotate(-16deg); transition-delay: 0.1s; } svg:hover #core-skill-consulting-r5, svg.hover #core-skill-consulting-r5 { x: 22px; y: 21px; width: 4px; height: 6px; transition-delay: 0s; }