Wanderlust Carousel Plugin for Squarespace 7.0 & 7.1 website || Jishaansinghal Video: https://youtu.be/hqqqC8W2vO4 Contact Us: https://www.fiverr.com/s/8z77YQo https://www.fiverr.com/s/gDppjKY https://www.fiverr.com/s/8z77YWo https://www.fiverr.com/s/rEvv280 https://www.fiverr.com/s/akAAWKN https://www.fiverr.com/s/9955k3A #squarespace,#WanderlustCarousel,#jishaansinghal,#css,#html,#js,#jquery,#squarespace

-
Image
Wanderlust Carousel Plugin for Squarespace 7.0 & 7.1 website || Jishaansinghal Video: https://youtu.be/hqqqC8W2vO4 Contact Us: https://www.fiverr.com/s/8z77YQo https://www.fiverr.com/s/gDppjKY https://www.fiverr.com/s/8z77YWo https://www.fiverr.com/s/rEvv280 https://www.fiverr.com/s/akAAWKN https://www.fiverr.com/s/9955k3A #squarespace , # WanderlustCarousel , #jishaansinghal , #css , #html , #js , #jquery , #squarespace
Post a Comment

Advanced Image Animation With HTML & CSS in 2022 with full source code | jishaansinghal

-



 HTML:

<img class="anim" src="Penguins.jpg" alt="img">

CSS:

body{

margin: 0;

padding: 0;

height: 100vh;

width: 100%;

overflow: hidden;

}

.anim{

animation: anim 5s ease-out both;

}


@keyframes anim {

0%{

transform: scale(1.0) translateY(0);

transform-origin: 100% 100%;

}

100%{

transform: scale(1.3) translateY(-20px);

transform-origin: top;

}


}

Comments

Post a Comment

Popular posts from this blog

how to add a button as a circle button on the Squarespace by jishaansinghal

-
Image
  In this video, I'm showing you how to add a button as a circle button on the Squarespace button with custom CSS Code!    How To Install: Once a button has been added and saved, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box. This plugin uses a CSS editor and works with Squarespace 7.1, 7.0 to add an active effect on Button on Squarespace 7.1,7.0 by jishaansinghal. This code uses a CSS editor and works with Squarespace 7.1, 7.0 templates. This code uses CSS editor Copy and pastes the code below into the editor box. -------------------------------------------------------------------------------------------------------- // Circle Button Style o squarespace // .sqs-block-button-element--medium { padding : 100px 45px !important ; -webkit-border-radius : 50% !important ; -moz-border-radius : 50% !important ; border-radius : 50% !important ; } Customize: You do not need to change the transform or tra...
Read more

Bouncing word change animation on Squarespace 7.0 & 7.1 website || jishaansinghal Video: https://youtu.be/X1ERq32l6ik Contact Us: https://www.fiverr.com/s/R7ko6EV #Bouncingwordchange, #squarespace, #jishaansinghal,#css,#html,#js,#jquery,#squarespacewebsite,#customcode

-
Image
Bouncing word change animation on Squarespace 7.0 & 7.1 website || jishaansinghal Video: https://youtu.be/X1ERq32l6ik Contact Us: https://www.fiverr.com/s/R7ko6EV #Bouncingwordchange , #squarespace , #jishaansinghal , #css , #html , #js , #jquery , #squarespacewebsite , #customcode
Read more

3D Carousel on Squarespace website with html css and js code by jishaansinghal

-
Image
I'm going to show you how to add 3D Carousel on the Squarespace website with HTML CSS and JS code by jishaansinghal Paste this code in a Code Block: <div id="contentContainer" class="trans3d"> <section id="carouselContainer" class="trans3d"> <figure id="item1" class="carouselItem trans3d"><div class="carouselItemInner trans3d">1</div></figure> <figure id="item2" class="carouselItem trans3d"><div class="carouselItemInner trans3d">2</div></figure> <figure id="item3" class="carouselItem trans3d"><div class="carouselItemInner trans3d">3</div></figure> <figure id="item4" class="carouselItem trans3d"><div class="carouselItemInner trans3d">4</div></figure> <figure id="item5" class="caro...
Read more