A simple floating panel

CSS

.floating-panel { position: relative; z-index: 10;
  left: 400px;
  top: -100px;
  background: white;
  width: 200px;
  min-height: 200px;
  border-radius: 7px;
  border: solid 2px crimson;
  box-shadow: 0px 0px 20px 5px gray;
}

HTML

<div class="floating-panel">Floating Panel</div>
Floating Panel
Advertisements

Leave a Reply

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

WordPress.com Logo

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

Twitter picture

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

Facebook photo

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

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s