#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.