#1Positioning_css

#scene { background: blue; position: absolute; width: 999px; height: 999px; z-index: 1; } #title { position: absolute; z-index:2; border: 5px double blue; top: 30px; left: 300px; } #small-circle .c1 { width: 30px; height: 30px; top: 30px; left: 250px; display:block; background-color:green; border-radius: 60px; z-index:2; } #circle { width: 120px; height: 120px; top: 200px; left: 300px; display: block; background: yellow; border-radius: 60px; position:absolute; } #egg { display:block; width: 126px; height: 180px; background-color: white; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; position: absolute; top: 300px; left: 400px; }
CSS positioning for egg, sun and background.

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.