alamgir

Alamgir Hosain from Bangladesh- 01910587405

Web Design

#core-skill-design-dev-r1, #core-skill-design-dev-r2, #core-skill-design-dev-r3, #core-skill-design-dev-r4 { transition: x 0.15s 0s, transform 0.15s 0.05s; } #core-skill-design-dev-r1 { transform-origin: 13px 17px; transform: rotate(45deg); } #core-skill-design-dev-r2 { transform-origin: 13px 31px; transform: rotate(-45deg); } #core-skill-design-dev-r3 { transform-origin: 35px 17px; transform: rotate(-45deg); } #core-skill-design-dev-r4 { transform-origin: 35px 31px; transform: rotate(45deg); } svg:hover #core-skill-design-dev-r1, svg.hover #core-skill-design-dev-r1 { x: 22; transform: rotate(0); transition: x 0.15s 0.15s, transform 0.15s; } svg:hover #core-skill-design-dev-r2, svg.hover #core-skill-design-dev-r2 { x: 22; transform: rotate(0); transition: x 0.15s 0.15s, transform 0.15s; } svg:hover #core-skill-design-dev-r3, svg.hover #core-skill-design-dev-r3 { x: 22; transform: rotate(0); transition: x 0.15s 0.15s, transform 0.15s; } svg:hover #core-skill-design-dev-r4, svg.hover #core-skill-design-dev-r4 { x: 22; transform: rotate(0); transition: x 0.15s 0.15s, transform 0.15s; }
#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-content-g1, #core-skill-content-g2, #core-skill-content-p1 { transition-property: x, y, width, height, transform; transition-duration: 0.15s; } #core-skill-content-g1 { transform-origin: 17px 17px; transition-delay: 0s; } #core-skill-content-g2 { transform-origin: 41px 29px; transition-delay: 0s; } #core-skill-content-p1 { transform-origin: 39px 17px; transition-delay: 0s; } svg:hover #core-skill-content-g1, svg.hover #core-skill-content-g1 { transform: translate(-4px, 4px) rotate(180deg); transition-delay: 0.05s; } svg:hover #core-skill-content-g2, svg.hover #core-skill-content-g2 { transform: translate(-17px, 9px) rotate(45deg); transition-delay: 0.05s; } svg:hover #core-skill-content-p1, svg.hover #core-skill-content-p1 { transform: translate(-4px, 4px) rotate(0); transition-delay: 0.05s; }

Icons