HOT CSS

Free Beautiful Css templates, Web designer tricks from expert

Pages

▼
Saturday, March 1, 2014

How to Make Non-Password Inputs Use Bullets (or Bullet Alternatives)

›
This works on text inputs (e.g. text, email, etc) but you cannot change actual password inputs. Use case = ???. input { -webkit-text-securi...

Tutorial Make “Pre” Text Wrap

›
Text in <pre> tags doesn't wrap by default. For example, see the code snippet below! If this is causing layout problems, one solut...

Tutorial Link Pseudo-Classes (In Order)

›
a:link {color: blue;} a:visited {color: purple;} a:hover {color: red;} a:active {color: yellow;} Link, Visited, Hover, Active L, V, H, ...

Tutorial Layered Paper

›
<div class="layered-paper"> Howdy </div> .layered-paper { background: #eee; box-shadow: 0 1p...

Tutorial Keyframe Animation Syntax

›
Basic Declaration & Usage @-webkit-keyframes NAME-YOUR-ANIMATION { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes ...

How to add iPad-Specific CSS

›
@media only screen and (device-width: 768px) { /* For general iPad layouts */ } @media only screen and (min-device-width: 481px) and (max...

Tutorial iPad Orientation CSS

›
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> <link rel="s...
‹
›
Home
View web version
Powered by Blogger.