CaixaHover
How do I make an caixahover?
What is a caixahover? How do you make a caixahover? This script and codes were developed by KorraFocus on 08 December 2022, Thursday.
CaixaHover - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CaixaHover</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'><center> <div style="" id="xixi"> <div id="bnd"> <div style="margin-bottom:5px;" id="bnder"> <h1 class="background"><span>Line-behind title</span></h2>
De partes sombrias e longínquas da galáxia, eles esperaram. Tramaram, planejaram e pacientemente, se organizaram. Um vasto Império, que invejava a abundância das reservas naturais em nosso mundo, um império de imensas proporções, contra o qual poucos governos intergalácticos teriam a força para se opor. Um império impiedoso contra seus inimigos, implacável quando em busca de seus objetivos. E agora seus objetivos não eram a expansão, o fortalecimento, mas sim a sobrevivência. Sem alternativas após esgotarem os recursos de seu planeta natal e também de suas Colônias, este vasto Império via na Terra um meio de nutrir suas necessidades, ao menos até acharem outra alternativa de sobrevivência. Mas o que isso iria custar? Como invadir o Planeta dos Heróis, a terra natal de seres extraordinários, cujos feitos eram conhecidos e contados em todos os cantos da galáxia? Todos conheciam ao menos um grupo de heróis da Terra, fossem eles os Vingadores, os X-Men, ou até mesmo os Guardiões da Galáxia. Era fato conhecido por todos os impérios e governos intergalácticos que jogar com as forças da Terra, era flertar com a morte. Muitos outros conquistadores e forças impiedosas extraordinárias já haviam tentado, mas nenhuma delas alcançou seus objetivos. E, por mais antiquada que fosse a tecnologia do planeta Terra, seus defensores mostravam-se oponentes dignos e à altura dos maiores guerreiros do universo, não se rebaixando a nenhuma força inimiga sem lutar. A resiliência humana era de conhecimento dos líderes de toda a galáxia, e era temida. Então, como? </div>
</body>
</html>
CaixaHover - Script Codes CSS Codes
h1 { font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; margin-top:2px; text-transform:uppercase; border-bottom: 1px solid white; padding-bottom:5px; margin-bottom:3px;
}
#bnder { border-radius: 5px; font-size: 12.5px; line-height: 13px; max-height: 230px; overflow: auto; padding: 3px;
font-family: 'PT Sans Narrow', sans-serif; opacity:0;}
#bnd {text-align:center; position: relative; width: 0px; transition:1s all; background:black;
color:white;}
#bnder:hover::-webkit-scrollbar{transition:1s all;}
#bnd:hover{width:320px;
padding-right:0px;}
#xixi{border:1px solid black; transition:1s all; transition-delay:1.3s;width:420px; height:235px; background:url(https://s-media-cache-ak0.pinimg.com/originals/0d/36/d9/0d36d983350890b6e3e36e64e2bb0330.gif); background-size:cover;transition:1s all;}
#xixi:hover{ filter: grayscale(100%); -webkit-filter: grayscale(100%); /* For Webkit browsers */ filter: gray; /* For IE 6 - 9 */
transition:0.5s all; opacity:1;}
#xixi:hover #bnd{transition-delay:0.7s; transition:1s all;width:300px;
padding-right:0px; opacity:1;}
#xixi:hover #bnder{transition:1s all;opacity:1}
#bnder::-webkit-scrollbar{height:3px;width:0px;background:grey}
#xixi:hover #bnder::-webkit-scrollbar{height:3px;width:3px;background:grey}
Developer | KorraFocus |
Username | TutoHebbo |
Uploaded | December 08, 2022 |
Rating | 3 |
Size | 2,892 Kb |
Views | 12,144 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Image Grayscale | 1,352 Kb |
Sliding Door - Godheim | 2,385 Kb |
Journal | 2,935 Kb |
Administrador | 1,880 Kb |
CSS Slash | 2,798 Kb |
CaixaMembros | 4,488 Kb |
Other Coven Box | 1,964 Kb |
Placa 3D | 1,567 Kb |
Menu Hover | 2,367 Kb |
Dark Intro Effect | 1,690 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Flat design iframe | Damienpm | 1,819 Kb |
Loading animation | Hafizfattah | 0 Kb |
Mega menu | DimaZubkov | 5,066 Kb |
Material Design-Layout-Principles Practice | Fraina | 2,331 Kb |
Product item | Mymahesh11 | 2,256 Kb |
Menu | Vivi_Lai | 1,210 Kb |
Slider | Mohammed-fawzy | 2,634 Kb |
Welcome | Nakome | 6,076 Kb |
Wikipedia Viewer | Codinger | 4,681 Kb |
Haml Calendar | Katydecorah | 5,643 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!