tailwind
Configure tailwind css for production
1. npm init 2. npm install -D tailwindcss postcss autoprefixer vite 3. npx tailwindcss init -p 4. Create a css file - main.css (Anything u ca…
HTML
Remove Border / Outline From A Hyperlink
a, a:hover, a:active, a:visited, a:focus { text-decoration:none; outline: none; }
Web Design
DealHunterHub Additional Css
.breadcrumbswrap{ display:none; } .buzz-news-details{ border:1px solid blue; padding:9px; } .buzz-news-details .buzz-image{ display:none; } …
CSS
LiveIPLMatch Additional Css Updated
.img-zoom { top: 0; left: 0; margin: 0; display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .img-zoom img { -webkit-tr…
CSS
Updated Additional Css
#responsive-navbar{ background-color: #cb4f00; } body { border: 3px solid #cb4f00; } .KanhaTime{ color:white; margin-left:290px; paddin…
CSS
Hover Flying With Shadow Like My Auto Updates CSS
<div class="kanhaEffect"> this is my flying hover text </div> <style> .kanhaEffect{padding: 8px;padding-left: 10px;-webk…
Web Design
My Social Share Button PHP CSS
<div> <a class="kshare" href="whatsapp://send?text='.$Canonical.'"><img src="'.$ss->settings…
Web Design
Additional All Css final 10-9-2020(05-33pm)
//navbar background color #responsive-navbar{ background-color: #cb4f00; } //body border body { border: 3px solid #cb4f00; } //for show time i…
Web Design
luna creativity external css
#responsive-navbar{ background-color: #cb4f00; } BODY BORDER body { border: 3px solid #cb4f00; } TIME SHOW .KanhaTime{ color:white; text-…
Web Design
Audio Player hover Effect
<audio controls='controls' autoplay><source src='' audio source here"></audio> <style type="text/css…
CSS
Bootstrap All Buttons Link
https://mdbootstrap.com/docs/jquery/components/buttons/
Web Design
Media Only Screen For Mobile Css
<style type="text/css"> @media only screen and (max-width: 600px) { body { background-color: red; } } </style>
Web Design
Scroll To Top Botton By Css And Javascript
<style type="text/css"> .ktop{ position: fixed; width: 35px; height: 35px; background-color: #d50; bottom: 20px; right: 1…
Web Design
CSS for border shadow
.kanha { color: black; margin-bottom: 20px; padding: 10px; box-shadow: 2px 2px 5px #cdcdcd; }
Web Design
Button Code Css
<style type="text/css"> .btn1, .btn2, .btn3{ color:white; font-size:medium; font-weight:bold; padding-left:6px; padding-ri…
Web Design
Ads For Mobile And PC Versions
<!-- Google Adsence Code Here By Kanha for PC --> <div class='code-block ai-viewport-1' style='margin: 8px auto; text-align: cen…
Web Design
Bootstrap Single Line Search
< form action="" method="POST" > <div class="card-body row no-gutters align-items-center"&…
Web Design
Box Shadow Glow On HOver
Below Code This Is My Text Below Is The Code <style type="text/css"> .m{ border: 1px solid red…
Web Design
Add Button To The Right SIde Of Input Field
<div class="input-group"> <input type="text" name="search" …
Web Design
Download File From Audio Tag By Customize File Name
Audio Play Tag <audio controls='controls' autoplay> <source src= ' data:audio/mpeg;base64,".base64_encode($html)." …
