How to setup Multilingual Squarespace website on Squarespace 7.1 website || jishaansinghal https://youtu.be/lTNzO3lkg7g https://www.fiverr.com/s/zW39jqK #multilanguage, #languagechange,#squarespace,#jishaansinghal,#css,#html,#js,#jquery,#squarespacewebsite,#customcode

-
Image
How to setup Multilingual Squarespace website on Squarespace 7.1 website || jishaansinghal https://youtu.be/lTNzO3lkg7g https://www.fiverr.com/s/zW39jqK #multilanguage , #languagechange , #squarespace , #jishaansinghal , #css , #html , #js , #jquery , #squarespacewebsite , #customcode
Post a Comment

CSS 3d Layered Image Hover Effects CSS Isometric Design in 2022 with Source code | jishaansinghal

-








 <!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<style>

body{

  margin: 0;

  padding: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  background: #000;

  overflow: hidden;

}

.container{

  position: relative;

  width: 240px;

  height: 400px;

  margin-top: 150px;

  background:rgba(0, 0, 0, 0.1);

  transform: rotate(-30deg) skew(25deg) scale(0.8);

}

.container img{

position: absolute;

width: 100%;

height: 100%;

transition: .5s;

}

.container:hover img:nth-child(4){

  transform: translate(160px, -160px);

  opacity: 1;

}

.container:hover img:nth-child(3){

  transform: translate(120px, -120px);

  opacity: .8;

}

.container:hover img:nth-child(2){

  transform: translate(80px, -80px);

  opacity: .6;

}

.container:hover img:nth-child(1){

  transform: translate(40px, -40px);

  opacity: .4;


}


</style>





</head>

<body>

<div class="container">

<img src="img.png" alt="img">

<img src="img.png" alt="img">

<img src="img.png" alt="img">

<img src="img.png" alt="img">

</div>

</body>

</html>



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

How to add Follow the cursor GSAP animation on your squarespace 7.0,7.1 website with full source code in 2022 by jishaansinghal

-
Image
How to add Follow the cursor GSAP animation on your Squarespace 7.0,7.1 website with full source code in 2022 by jishaansinghal Source Code: <link rel="stylesheet" href="https://michaelgudzevskyi.com/cursor-hover-effect-gsap/assets/css/main.css"> <script src="https://michaelgudzevskyi.com/cursor-hover-effect-gsap/assets/js/bundle.js" defer></script> keywords: squarespace tutorial, squarespace, css, custom cursor, css cursor, squarespace css, cursor javascript, custom cursor css, element follow cursor, follow the mouse pointer, javascript div follow mouse, javascript follow mouse effect, mousemove animation, mousemove animation html css javascript, smooth cursor, mouse cursor, css custom cursor, css hover effects, custom css, animation, web design, cursor css, custom cursor css js, gsap animation, css animation, custom mouse cursor, html, follow the cursor, javascript, intro template no text, intro templates no text, intro template no tex...
Read more

Looking for a Pro Squarespace Expert You came to the right place :)

-
Image
 Looking for a Pro Squarespace Expert? You came to the right place :) Are you worried about the Functionality of your website which not possible as default? Don't Worry!! Any Function Which is possible in Squarespace. If you want to fix any critical issues or design your website from Scratch than, Please contact me before placing an order. I will Design and Redesign a High-Quality Professional Website with HTML, CSS, and JS/JQUERY for your Business. I ONLY work on SQUARESPACE. I strive to give you exactly what you are looking for. MONEY BACK GUARANTEED What can I do for you : Some Custom Function are:- Magic/Fixed/Sticky header on Scroll MOBILE/TABLET RESPONSIVE DESIGNS Content layout changes. Rollover animation effect Collapsible FAQ Section Master MAP to Show all Blog Post Location Coding (where needed) And a Lot More...... I will provide you support in the future- Finally, I will give you 100% support even if the contract is ended! Let me know if you have any questions, I am her...
Read more