Wiki - Css

Category about Css

Sub-Categories: [Hints]


Animated Border Box with CSS

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, 32, 90);...

Flicker Text

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.125em; a...

Pop Up with pure CSS and Checkbox

<!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"> <title>Simple Responsive CSS-Only Modal Demo</title> <style> ...

Prevent Padding and Border from changing Element Width

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 */ ...

Safari Browser z-Index not Working

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); ...

A51 | H49
This Website is using Session Cookies for Site Functionality and AWStats.