Posts

Pheli baar song sing by ajay atul in kapil sharma show | pehli baar marathi version

Image
pehli baar song sing by ajay atul in the show of kapil sharma. Singer and muscian Ajay atul comes in kapil sharma show. In which kapil request to ajay atul to sing a song that is "pheli baar" from movie of sairat and dhadak. Then ajay atul start sing pheli baar song in the show as kapil request. Lots of youtuber share this song video clip on youtube and other social media platforms. The clips get show much viral on the internet.
Post a Comment
Read more

Create Vertical Navigation Bar in HTML and CSS3 | Skewed Nav Bar

Image
      Skewed Nav Bar Using HTML5 and CSS3 HTML CODE <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="refresh" content="3000"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Nav Bar</title> <link rel="stylesheet" href="style.css"> </head> <body> <nav role='navigation'>   <a href="#" class='home'>Home</a>   <a href="#">About</a>   <a href="#">Gallery</a>   <a href="#">Contact Us</a> </nav> </body> </html> CSS Code(style.css) @import url(https://fonts.googleapis.com/css?family=Voltaire); *, *:before, *:after {   margin: 0;   padding: 0;   position: relative;   box-sizing: border-box; } body {   text-align: center;   background-color: hsl(49,9...
Post a Comment
Read more

create shopping card UI using html and css with hover effect

Image
       Shopping Card with Expandable Hover Effect HTML CODE <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Shopping Card</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="product">   <div class="imgbox">     <img src="https://images.sportsdirect.com/images/products/62310640_l.jpg">   </div>   <div class="details">     <h2>Brand Name</br><span>Mens Designer T-shirt</span></h2>   <div class="price">Rs. 1099</div>   <label>Sizes</label> <ul>   <li>XS</li>   <li>S</li>   <li>M</li>   <li>XL</li>   <li>XXL</li> </ul> <label>Colors</labe...
Post a Comment
Read more

create 3D image hover effect using html and css

Image
      3D Image Hover Effect in CSS3 HTML CODE <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="refresh" content="4000"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>3D Hover Effect</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div class="row"> <div class="tdimension"> <a href="#"> </a> </div> </div> </div> </body> </html> CSS Code(style.css) body { background: #ECECEC; } .container { width: 100wh; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } .row { margin-top: 12px; } .tdimension { width: 300px; height: 300px; margin: 20px ...
Post a Comment
Read more

Text Shaking Effect Using HTML and CSS3

Image
     Text Shake Animation in HTML And CSS3 HTML CODE <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css shake effect</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>shake effect!</h1> </body> </html> CSS Code(style.css) html, body {   height: 100%;   margin: 0; } body {   display: flex;   justify-content: center;   align-items: center;   font-family: monospace;   background: #000; } h1 {   position: relative;   text-transform: uppercase;   letter-spacing: 6px;   font-size: 10vw;   font-weight: 900;   text-decoration: none;   color: white;   display: inline-block;   background-size: 120% 100%;   -webkit-background-clip: text;   -webkit-text-fill-color: transparent;   background...
Post a Comment
Read more

Button Hover Effect using Boxshadow property in HTML and CSS3

Image
    Smooth Button Hover Animation Effect  HTML CODE <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Button hover effect</title> <link rel="stylesheet" href="style.css"> </head> <body> <button class="name noselect">Hover Me!</button> </body> </html> CSS Code(style.css) * {   margin: 0;   padding: 0;   box-sizing: border-box; } body {   height: 100vh;   overflow: hidden;   display: flex;   align-items: center;   justify-content: center;   background-color: #4158D0; background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); } .noselect {   -webkit-touch-callout: none;   -webkit-user-select: none;   user-select: none;   -webkit-tap-highlight-color: transparent; } button {   width: 150px;   height: 5...
Post a Comment
Read more

Binod in html and css | css hover effect on text | Binod hover effect

Image
   CSS3 Text hover Effect HTML CODE <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="refresh" content="4000"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Binod text animation</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="wrapper">   <div class="m">     B    </div>   <div class="e">     i    </div>   <div class="g">     N    </div>   <div class="a">     O    </div>   <div class="n">     D    </div>   <div class="ex">     !    </div> </div> </body> </html> CSS Code(style.css) /* google fonts */ @import url(https://fonts.googleapis.com/css2?family=Arvo:wght@700&fami...
Post a Comment
Read more