Toggle navigation
Sign Up
Log In
Explore
Works
Folders
Tools
Collections
Artists
Groups
Groups
Topics
Tasks
Tasks
Jobs
Teams
Jobs
Recommendation
More Effects...
JS
CSS
.wrap { padding: 35px 25px; width: 450px; margin: 40px auto; background: #586786; border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; color: #eee; box-shadow: 1px 1px 0px rgba(0, 0, 0, .75); } .box { position: relative; background: #fff; border: solid 5px #fff; width: 200px; height: 100px; margin: 0 auto; border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; padding: 10px; color: #666; box-shadow: 2px 3px 1px rgba(0, 0, 0, .75); } .box .box { position: absolute; top: 5px; left: 5px; width: 180px; height: 80px; border-color: #593207; box-shadow: none; }
HTML
<div class="wrap"> <div class="box"> <div class="box">doodle style dialog box by CSS3</div> </div> </div>
Join Effecthub.com
Working with Global Gaming Artists and Developers!
Login
Sign Up
Or Login with Your Email Address:
Email
Password
Remember
Or Sign Up with Your Email Address:
Your Email
This field must contain a valid email
Set Password
Password should be at least 1 character
Stay informed via email
