Category about Css

[2021-08-02 01:38:52] Animated Border Box with CSS [CSS / Hints]
Code for an Animated Border on a Box, only with CSS and HTML used! <style> .container{ padding-top: 20px; padding-bottom: 20px;} .box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; background: #111845a6; box-sizing: border-box; overflow: hidden; box-shadow: 0 20px 50px rgb(23, ...
[2021-06-20 02:03:59] Flicker Text [CSS / Hints]
Flicker Text Example <style>@keyframes textflicker { from {text-shadow: 1px 0 0 #C1C1C1, -2px 0 0 #000000} to {text-shadow: 2px 0.5px 2px #C1C1C1, -1px -0.5px 2px #000000;}} #statered2 { padding: 1em; color: #CcCcCc; font-size: 1em; line-height: 1; text-shadow: 0.06rem 0 0.06rem #2c2c2c, -0.125rem 0 0.06rem #2c2c2c; letter-spacing: 0....
[2021-08-06 02:06:40] Pop Up with pure CSS and Checkbox [CSS / Hints]
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"...
[2020-12-21 19:55:51] Prevent Padding and Border from changing Element Width [CSS / Hints]
Put this into an element to prevent padding / borders from changing the width of an element. -webkit-box-sizing: border-box; /* Chrome */ -moz-box-sizing: border-box; /* Firefox */ box-sizing: border-box; /* Opera/IE */ ...
[2020-12-22 01:41:41] Safari Browser z-Index not Working [CSS / Hints]
If you encounter z-Index Problems on safari you can try to put that code into your z-indexed element: -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); ...
Switch: 178 | Arrive: 255
This Website is using Session Cookies for Site Functionality and AWStats.
Staff may be MiA!