Posts

Showing posts with the label boder highlight button

In this video, I'm going to show you how to style an awesome button using HTML and CSS

Image
In this video, I'm going to show you how to style an awesome button using HTML and CSS This is the code ************************************************************************** <!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;   box-sizing: border-box;   display: flex;   justify-content: center;   align-items: center;   height: 100vh;   background: linear-gradient(pink,blue); } .btn{   border: 1ps dashed #000;   background: rebeccapurple;   color: #fff;   padding: 10px 20px;   border-radius: 50px;   transition: .3s ease-in-out; } .btn:hover{    border-radius: 0px;    color: rebeccapurple;    background: #fff; } </style> </head> <body>   <di...

In this video I'm going to show you how to install and use owlcarousel with cdn and full source code by jishaansinghal.

Image
  In this video I'm going to show you how to install and use owlcarousel with cdn and full source code by jishaansinghal.  How To Install: -------------------------------------------------------------------------------------------------------- // Copy and Paste This Code // <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets...

how to border highlight button with full source code style on the Squarespace website by jishssnsinghal

Image
  Border highlight Button In this video, I'm going to show you h ow to border highlight button with full source code  style on the Squarespace website with a custom Code! Add a border highlight button with full source code  style on the Squarespace website with a custom Code!  How To Install: Add a button to any page with a solid or outline button style.  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. An updated button style with a solid button style. This plugin uses a CSS editor and works with Squarespace 7.0, 7.1. add active effect on Button on Squarespace 7.0, 7.1 by jishaansinghal. This code uses a CSS editor and works with Squarespace 7.0, 7.1 templates. This code uses CSS editor Copy and pastes the code below into the editor box. -------------------------------------------------------------------------------------------------------- // Highlight Border Button...