Clik here to view.
Searchbox UI
DefaultSlideSimplePopup search boxxClick the search icon on the menu above to see the effect#search-form #search-containerin{display: block;width: 85%;position: fixed;top: 38%;left: 0;z-index:...
View ArticleClik here to view.
Parallax Ads Widget
/* Paralax Ads By thewebtrick.com */ .twtparalax{position:relative;display:block;overflow:visible;width:100%;height:0;margin:auto;text-align:center;z-index:1} .twtparalax >...
View ArticleClik here to view.
Pop Up Subscribe Button
Pop ups will appear in 3 SecondsThis widget uses sessionStorage close browser and reopen to repeat /* pop up subscribe youtube channel by the web trick */ @keyframes...
View ArticleClik here to view.
Alert Box
This is a default alert box. This is a success alert box. This is a primary alery box. This is a danger alert box. This is a warning alert box. .twtbox{ background-color:#e9ebee; color: #58606B;...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
Description Box
Premium VersionYour Text Here Buy Now Free VersionYour Text Here Download /* Description Box CSS Codes by thewebtrick */ .asdesc{position:relative;display:inline-block;width:320px;margin:0 3px...
View ArticleClik here to view.
Polaroid Image Widget
/* Polaroid Photo Effect by thewebtrick.com */figure, figcaption { display: block; } #polaroid{ width:100%; padding:0px 10px; margin:auto; text-align: center; } #polaroid figure{ position:relative;...
View ArticleClik here to view.
Cookie Consent Notification
/* Cookies Consent Notice */ .CwR{position:fixed;right:0;left:0;bottom:-600px;z-index:50;width:100%;padding:20px;background:rgba(255, 255, 255,...
View ArticleClik here to view.
Disable Context Menu
Tap on dummy text or long press for testing disable context menu with alert message .alert{position:fixed;bottom:20px;right:20px;z-index:999999;width:auto;max-width:400px;margin:0 0 0...
View ArticleClik here to view.
Slide Image Widget
.mySlides{display:none} .mySlides img {vertical-align:middle;width:100%} .wrap-dot{text-align:center;margin-top:10px} .slideshow-container{max-width:1000px;position:relative;margin:auto}...
View ArticleClik here to view.
Stylish About Us Page
/**/Author_description_here Donate Us Join Us Website Stats Posts Comments
View ArticleClik here to view.
Clik here to view.
No Internet Connection
/**{animation:popupScale .3s ease-in; -webkit-animation:popupScale .3s} @keyframes popupBlur {from{opacity:0}to{opacity:1}} @-webkit-keyframes popupBlur{from{opacity:0}to{opacity:1}} @keyframes...
View ArticleClik here to view.
Double Click To Copy Syntax Code
Double Click on Syntax Highlighter to Copy the contents.<!DOCTYPE html><html dir='ltr' lang='en'> <head> <title>Sample Page</title> </head> <!--[ <body>...
View ArticleClik here to view.
Article Rating
/* Article Rating by The Web Trick */ .pRate{display:none;padding:30px 0 10px 0} .pRateC{display:flex;max-width:400px;margin-top:30px;padding:25px...
View ArticleClik here to view.
Related Posts
/**/More Articles on this topicAccordion_Title_1Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pretium tincidunt blandit. Nullam viverra viverra tristique.Accordion_Title_2Lorem ipsum...
View ArticleClik here to view.
Stylish Codebox
/* Codebox by The Web Trick */ .cBox{position:relative;background:#fff;width:100%;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.1);padding:20px;margin:30px 0 30px} .cBox...
View ArticleClik here to view.
Bookmark Posts
Bookmark Button Bookmark Post Bookmark Icon0 /* Bookmark Posts Css By TheWebTrick.com */ .bookmark-icon-cont...
View ArticleClik here to view.
Clik here to view.
Countdown Download File Box
Add a Download Box with Countdown Timer using HTML, CSS and JavaScript. /* Countdown Download Box by The Web Trick */ .dldCo{ --boxC : #08102b; /* Font Color */ --boxBg : #fffdfc; /* Container...
View ArticleClik here to view.
Custom Caption Image
Custom Caption Imagefigure { display: flex; flex-flow: column; max-width: 500px; max-height: 250px; margin: auto; position:relative; } img { width:100%; } figcaption { background-color: rgba(0, 0, 0,...
View ArticleClik here to view.
App Post Widget
Add an App Post Widget using HTML and CSS..angry-grid{display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:2fr...
View ArticleClik here to view.
Dynamic Greetings Bar
Guide to Add Dynamic Greetings Bar on Website using HTML and CSS.Good Morning :) svg{width:16px;height:16px;margin-right:6px} #greeting .greeting{font-size:14px}...
View ArticleClik here to view.
HTML Sitemap Page
Guide to HTML Sitemap Page on Website using HTML and CSS.Loading.... .sitemaps{font-size:14px} .sitemapBox{padding:15px;border:1px solid var(--content-border);border-radius:5px}...
View Article