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
Post a Comment