CSS

All entries about CSS!
^Top
<< Back










Highlighted Entries

Members Area

Top 50

Last Modified

Last Created

In Progress


Sub Categories

Hints

Hints

Animated Border Box with CSS

Views: 561 Created: 2021-08-02 01:38:52 Modified: 2023-03-20 20:37:09
Code for an Animated Border on a Box, only with CSS and HTML used! &lt;style&gt;<br /> &nbsp;&nbsp; &nbsp;.container{&nbsp; padding-top: 20px;<br /> &nbsp;&nbsp; &nbsp;&nbsp; padding-bottom: 20px;}<br /> &nbsp;&nbsp; &nbsp; &nbsp;<br /> &nbsp;&nbsp; &nbsp;.b...

Flicker Text

Views: 542 Created: 2021-06-20 02:03:59 Modified: 2023-03-20 20:36:59
Flicker Text Example &lt;style&gt;@keyframes textflicker {<br /> &nbsp; from {text-shadow: 1px 0 0 #C1C1C1, -2px 0 0 #000000}<br /> &nbsp; to {text-shadow: 2px 0.5px 2px #C1C1C1, -1px -0.5px 2px #000000;}}<br /> #statered2 { padding: 1em;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; colo...

Pop Up with pure CSS and Checkbox

Views: 623 Created: 2021-08-06 02:06:40 Modified: 2023-03-20 20:37:16
&lt;!doctype html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;meta charset=&quot;utf-8&quot;&gt;<br /> &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot;&gt;<br /> &lt;meta name=&quot;viewport&quot; con...

Prevent Padding and Border from changing Element Width

Views: 580 Created: 2020-12-21 19:55:51 Modified: 2023-03-20 20:36:47
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

Views: 971 Created: 2020-12-22 01:41:41 Modified: 2023-03-20 20:36:53
If you encounter z-Index Problems on safari you can try to put that code into your z-indexed element: &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; -webkit-transform: translate3d(0, 0, 0);<br /> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;transform: translate3d(0, 0, 0); ...

This Website is using Session Cookies for Site Functionality.