Skip to content

Pure-Essence.Net

Lead engineer for Meredith Inc.

Home
About Domain
Entertainment
Freebies
- WordPress Themes
- Wallpaper

css · geeky

CSS3 inset input box look

May 8, 2013 Dodo

Just to play around, I wanted to achieve the following input box look with pure CSS 3. Also to teach myself how box-shadow works.

inputBoxLook

I think I got pretty close.

jsFiddle example

Share this:

Twitter
Facebook
Pinterest
Print

Like this:

Like Loading...

Related

Share this:

Twitter
Facebook
Pinterest
Print

Like this:

Like Loading...

Post navigation

Previous Post Had a great first week at Meredith

Next Post Twitter API 1.1 php get tweets script

One thought on “CSS3 inset input box look”

SutoCom says:

May 8, 2013 at 6:47 pm

Reblogged this on Sutoprise Avenue, A SutoCom Source.

Reply

Leave a Reply Cancel reply

Enter your comment here...

Fill in your details below or click an icon to log in:

Email (required) (Address never made public)

Name (required)

Website

You are commenting using your WordPress.com account. ( Log Out / Change )

You are commenting using your Facebook account. ( Log Out / Change )

Connecting to %s

Notify me of new comments via email.

Notify me of new posts via email.

Δ

Search for:

Tweets

Tweets by dodozhang21

Recent Comments

FirstBonita on jQuery.each vs Javascript for loop
Dodo on dodo has been online for ten years
Emanoel Alves de Queiroz on How to execute IN() SQL in spring jdbcTemplate
Kae, formerly janellieee as my internet alias as a kid on dodo has been online for ten years
Tierra Catolica on Child Theme for Twenty Twelve – Casually

Recent Posts

Why “you must use Linux to be a ‘real’ programmer” is such a myth
Lazy image placeholders that respect the actual image aspect ratio
Dynamically generate svg and converting it to gif in drupal
Holiday Wallpapers
Javascript ES6 Highlights

Categories

depression (8)
freebies (23)
- wallpaper (6)
- wp themes (14)
  - child themes (9)
geeky (404)
- css (13)
- java (18)
- javascript (10)
- mobile (2)
- non php code (38)
- pc tips (17)
- php code (19)
- wp hacks (15)
miscellanous (81)
- games (6)
- news n politics (40)
- recipes (8)
- sports (10)
mixed (112)
- funny (56)
- quotes (8)
multimedia (96)
- cartoon (4)
- photos (59)
personal (546)
- chinese (18)
- love n family (73)
- rants (17)
- school n work (107)
plug (68)
Uncategorized (3)

Archives

Blog at WordPress.com.

Follow Following
- Pure-Essence.Net
- Already have a WordPress.com account? Log in now.

Loading Comments...

Write a Comment...

Email (Required)

Name (Required)

Website

%d bloggers like this:

%d bloggers like this: