css3 - CSS - Overlapping divs -


I have no code to get started.

I want to add overlapping two divs on one another then use the new CSS3 rotate function.

Requirements

  • I do not want to use images
  • I
  • Completed in the center Aligning the thing should be easy (which makes the situation difficult to use: complete;)
  • This content is going to be below the boxed material (which makes the situation difficult to use: absolute;)
  • If it is possible without too much situation: absolute; It is better.
  • I prefer table free solutions.

Have fun!

How do I come here:

If JSField does not work in the future, then here's the source:

css

  # paper {width: 570px; Minimum-height: 300px; Swim left; Background: #fff; Conviction (-2deg) to rotate; -mose-transforms: to rotate (-2deg); -WebKit-Transform: to rotate (-2deg); -o-results: to rotate (-2deg); Z-index: 2; -Moz-Box-Shadow: 0 0 10px #DDD; -WebKit box-shadow: 0 0 10px #CCC; Box-Shadow: 0 0 10px #CCC; Border: 1 px solid # DDD; } #page {padding: 20px 0 20px 20px; Minimum height: 500px; Background: white; Width: 560px; Margin: 0 auto; Swim left; Margin: 0 px020 px-570px; Z-index: 3; Convince: Rotate (0); -MOZ-TRANSFORM: To rotate (0); -Widk-conversion: to rotate (0); -o-results: to rotate (0); -Moz-Box-Shadow: 0 0 10px #DDD; -WebKit box-shadow: 0 0 10px #CCC; Box-Shadow: 0 0 10px #CCC; Border: 1 px solid # DDD; } # Containers {padding: 20px 0 20px; Width: 590px; Margin: 0 auto; Hidden flurry; }  

HTML

  & lt; Div id = "container" & gt; & Lt; Div id = "paper" & gt; & Lt; / Div & gt; & Lt; Div id = "page" & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

Comments

Popular posts from this blog

windows - Heroku throws SQLITE3 Read only exception -

lex - Building a lexical Analyzer in Java -

python - rename keys in a dictionary -