creative Archives - scmGalaxy https://www.scmgalaxy.com/tutorials/tag/creative/ A Platform for Software Engineers Wed, 13 Apr 2022 16:34:29 +0000 en-US hourly 1 https://wordpress.org/?v=7.1 How to use Creative Custom Animations in jQuery? https://www.scmgalaxy.com/tutorials/how-to-use-creative-custom-animations-in-jquery/ https://www.scmgalaxy.com/tutorials/how-to-use-creative-custom-animations-in-jquery/#respond Wed, 22 Sep 2021 12:29:09 +0000 https://www.scmgalaxy.com/tutorials/?p=9139 So in this blog, we’re going to create a little bit more at creative custom animation using the animate in […]

The post How to use Creative Custom Animations in jQuery? appeared first on scmGalaxy.

]]> So in this blog, we’re going to create a little bit more at creative custom animation using the animate in jQuery.

In the previous blog, we also learn how can animate multiple C S S properties at once. So let’s go ahead and do that for the blue box first in index.html, with help of style.css & main.js.

So let’s go ahead and check this page in the browser.

Creative Custom Animations in jQuery after custom effect

The post How to use Creative Custom Animations in jQuery? appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/how-to-use-creative-custom-animations-in-jquery/feed/ 0 How to create creative CSS pop up effect & image hover effect clip path property using HTML & CSS? https://www.scmgalaxy.com/tutorials/how-to-create-creative-css-pop-up-effect-image-hover-effect-clip-path-property-using-html-css/ https://www.scmgalaxy.com/tutorials/how-to-create-creative-css-pop-up-effect-image-hover-effect-clip-path-property-using-html-css/#respond Thu, 16 Sep 2021 13:32:38 +0000 https://www.scmgalaxy.com/tutorials/?p=9048 In this blog, I am creating careative CSS pop up effect & image hover effect clip path property using HTML […]

The post How to create creative CSS pop up effect & image hover effect clip path property using HTML & CSS? appeared first on scmGalaxy.

]]> In this blog, I am creating careative CSS pop up effect & image hover effect clip path property using HTML & CSS. So, Let’s create an index.html & style.css below-

Creative CSS pop up effect using CSS clip path property after hover effect
Creative image hover effect using CSS clip path after hover effect
Image to circle hover effect using CSS clip path property after hover effect

The post How to create creative CSS pop up effect & image hover effect clip path property using HTML & CSS? appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/how-to-create-creative-css-pop-up-effect-image-hover-effect-clip-path-property-using-html-css/feed/ 0 How to create a creative rotated text border effect & social media icons hover transforms using HTML & CSS? https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-rotated-text-border-effect-social-media-icons-hover-transforms-using-html-css/ https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-rotated-text-border-effect-social-media-icons-hover-transforms-using-html-css/#respond Thu, 09 Sep 2021 12:24:27 +0000 https://www.scmgalaxy.com/tutorials/?p=8908 In this blog, I am creating a creative rotated text border effect & social media icons hover transforms using HTML […]

The post How to create a creative rotated text border effect & social media icons hover transforms using HTML & CSS? appeared first on scmGalaxy.

]]> In this blog, I am creating a creative rotated text border effect & social media icons hover transforms using HTML & CSS. So, Let’s create an index.html & style.css below-

Creative rotated text border effect using CSS transforms after hover
Fill Text Effect On Hover before hover
Fill Text Effect On Hover after hover
social media icons hover effect with CSS transforms before hover
social media icons hover effect with CSS transforms after hover

The post How to create a creative rotated text border effect & social media icons hover transforms using HTML & CSS? appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-rotated-text-border-effect-social-media-icons-hover-transforms-using-html-css/feed/ 0 How to create a creative double face card hover effect & creative expandable card effect using HTML & CSS? https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-double-face-card-hover-effect-creative-expandable-card-effect-using-html-css/ https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-double-face-card-hover-effect-creative-expandable-card-effect-using-html-css/#respond Thu, 09 Sep 2021 12:02:21 +0000 https://www.scmgalaxy.com/tutorials/?p=8898 In this blog, I am creating a creative double face card hover effect & creative expandable card effect using HTML […]

The post How to create a creative double face card hover effect & creative expandable card effect using HTML & CSS? appeared first on scmGalaxy.

]]> In this blog, I am creating a creative double face card hover effect & creative expandable card effect using HTML & CSS. So, Let’s create an index.html & style.css below-

creative double face card hover effect before hover
creative double face card hover effect after hover
creative expandable card effect before hover
creative expandable card effect after hover
creative layered card hover effect before hover
creative layered card hover effect after hover
creative scaling card effect before hover
creative scaling card effect after hover

The post How to create a creative double face card hover effect & creative expandable card effect using HTML & CSS? appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-double-face-card-hover-effect-creative-expandable-card-effect-using-html-css/feed/ 0 How to create a creative border card hover effect with a background translation using HTML & CSS? https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-border-card-hover-effect-with-a-background-translation-using-html-css/ https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-border-card-hover-effect-with-a-background-translation-using-html-css/#respond Thu, 09 Sep 2021 11:48:13 +0000 https://www.scmgalaxy.com/tutorials/?p=8890 In this blog, I am creating creative a border card hover effect with a background translation using HTML & CSS. […]

The post How to create a creative border card hover effect with a background translation using HTML & CSS? appeared first on scmGalaxy.

]]> In this blog, I am creating creative a border card hover effect with a background translation using HTML & CSS. So, Let’s create an index.html & style.css below-

background translation card effect
creative border card hover effect
creative Transactions card effect

The post How to create a creative border card hover effect with a background translation using HTML & CSS? appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-border-card-hover-effect-with-a-background-translation-using-html-css/feed/ 0 How to create a creative menu border rotation & sniper effect using HTML & CSS? https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-menu-border-rotation-sniper-effect-using-html-css/ https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-menu-border-rotation-sniper-effect-using-html-css/#respond Tue, 07 Sep 2021 13:05:18 +0000 https://www.scmgalaxy.com/tutorials/?p=8847 In this blog, I am creating creative a menu border rotation effect using HTML & CSS. So, Let’s create an index.html […]

The post How to create a creative menu border rotation & sniper effect using HTML & CSS? appeared first on scmGalaxy.

]]> In this blog, I am creating creative a menu border rotation effect using HTML & CSS. So, Let’s create an index.html & style.css below-

border sniper menu effect
creative colorful layered menu effect
creative menu border rotation effect

The post How to create a creative menu border rotation & sniper effect using HTML & CSS? appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-menu-border-rotation-sniper-effect-using-html-css/feed/ 0 Different ways to write creative menu effects using the transition-delay property using HTML & CSS. https://www.scmgalaxy.com/tutorials/different-ways-to-write-creative-menu-effects-using-the-transition-delay-property-using-html-css/ https://www.scmgalaxy.com/tutorials/different-ways-to-write-creative-menu-effects-using-the-transition-delay-property-using-html-css/#respond Tue, 07 Sep 2021 02:07:46 +0000 https://www.scmgalaxy.com/tutorials/?p=8820 In this blog, I am creating creative menu effects using the transition-delay property using HTML & CSS. So, Let’s create […]

The post Different ways to write creative menu effects using the transition-delay property using HTML & CSS. appeared first on scmGalaxy.

]]> In this blog, I am creating creative menu effects using the transition-delay property using HTML & CSS. So, Let’s create an index.html & style.css below-

2 borders and a background menu effect
cool menu hover effect
creative blurry menu effect
creative menu effect using the transition-delay property

The post Different ways to write creative menu effects using the transition-delay property using HTML & CSS. appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/different-ways-to-write-creative-menu-effects-using-the-transition-delay-property-using-html-css/feed/ 0 How to create creative button effect in HTML & CSS? https://www.scmgalaxy.com/tutorials/how-to-create-creative-button-effect-in-html-css/ Wed, 01 Sep 2021 12:52:29 +0000 https://www.scmgalaxy.com/tutorials/?p=8608 In this blog, I am going to create multiple creative button effects in HTML & CSS. So, I am creating […]

The post How to create creative button effect in HTML & CSS? appeared first on scmGalaxy.

]]> In this blog, I am going to create multiple creative button effects in HTML & CSS. So, I am creating an index.html & style.css below-

The post How to create creative button effect in HTML & CSS? appeared first on scmGalaxy.

]]> How to create Creative Cube Hover Effects With Changing Color Animation in CSS? https://www.scmgalaxy.com/tutorials/how-to-create-creative-cube-hover-effects-with-changing-color-animation-in-css/ https://www.scmgalaxy.com/tutorials/how-to-create-creative-cube-hover-effects-with-changing-color-animation-in-css/#respond Mon, 23 Aug 2021 13:03:01 +0000 https://www.scmgalaxy.com/tutorials/?p=8245 In this tutorial, I am going to create creative Cube Hover Effects With Changing Color Animation in CSS. So, Before […]

The post How to create Creative Cube Hover Effects With Changing Color Animation in CSS? appeared first on scmGalaxy.

]]> In this tutorial, I am going to create creative Cube Hover Effects With Changing Color Animation in CSS. So, Before creates an “index.html” & “style.css”. Below index.html code-

In this index.html I am using cube shape with help of CSS and create multiple classes which is define below style.css code-

In this style.css page define all classes which is used in index.html and after that show below page with hover effects-

When you using the cursor then show the effect after scrolling the cursor.

The post How to create Creative Cube Hover Effects With Changing Color Animation in CSS? appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/how-to-create-creative-cube-hover-effects-with-changing-color-animation-in-css/feed/ 0