Tag: Placeholder

Float input labels with :placeholder shown

Labels float above input form field on focus This is popular nowadays to animate labels dynamically above the input field. It feels very cool and the user gets good feedback with animating input labels. Check out the demo to get a closer look at it and also the Demo...

Placeholder Image with custom background

Misc

Customizable Image Placeholder Tool This is the lightest way to include placeholder images in HTML pages. All images are fully optimized Scalable Vector Graphics (SVG) and can be customized to any size or color as need. A short label can also be added to images to...

Input Placeholder CSS

Misc

Input Placeholder This css snippets can be used to style placeholders of entire website or any form element ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: pink;}::-moz-placeholder { /* Firefox 19+ */ color: pink;}:-ms-input-placeholder { /*...

Input ::placeholder Style

Misc

::-webkit-input-placeholder { /* Chrome/Opera/Safari / color: pink; } ::-moz-placeholder { / Firefox 19+ / color: pink; } :-ms-input-placeholder { / IE 10+ / color: pink; } :-moz-placeholder { / Firefox 18- */ color: pink; } More info...

Unsplash Placeholders – Beautiful placeholders using images from Unsplash

Misc

This is a simple but cool image placeholder service also called “The Lorem Ipsum for photos”. They serve easy to use and stylish image placeholders. Just add your desired image size (width & height) after their URL, and you’ll get a random image....