Skip to content

Instantly share code, notes, and snippets.

@msteckyefantis

msteckyefantis/bad.html

Created April 24, 2018 12:39
Show Gist options
  • Save msteckyefantis/a23b022efc6e92e1ad1adaf633d6d135 to your computer and use it in GitHub Desktop.
Save msteckyefantis/a23b022efc6e92e1ad1adaf633d6d135 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
bad.html
<html>
<head>
<title>Developerayo Div Tricks</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<style>
#oval {
width: 200px;
height: 100px;
background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
-moz-border-radius: 100px / 50px;
-webkit-border-radius: 100px / 50px;
border-radius: 100px / 50px;
margin: 0 auto;
</style>
</head>
<body>
<div id='oval' >
<div/>
</body>
</html>
Raw
good.html
<html>
<head>
<title>Developerayo Div Tricks</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<style>
#oval {
width: 200px;
height: 100px;
background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
-moz-border-radius: 100px / 50px;
-webkit-border-radius: 100px / 50px;
border-radius: 100px / 50px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id='oval' >
<div/>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment