Skip to content

Instantly share code, notes, and snippets.

@ktzanev
Created March 12, 2017 11:27
Show Gist options
  • Save ktzanev/4847bc0f3b90ba209e0367bdad8ed4d5 to your computer and use it in GitHub Desktop.
Save ktzanev/4847bc0f3b90ba209e0367bdad8ed4d5 to your computer and use it in GitHub Desktop.
Position des éléments (GistRun)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Position des éléments</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
<img src="https://goo.gl/ZFa4op"/>
</body>
</html>
img {
box-shadow: 3px 4px 7px;
max-width: 30vw;
}
img:first-child {
position: fixed;
left: 50%;
top: 50%;
}
img:nth-child(3):hover {
position: relative;
top: 20px;
left: 20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment