Uni/WME
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

logo verändert sich bei hover

Browse source
This commit is contained in:
Selina 2018-10-29 17:28:44 +01:00
parent 9d57f0a0bc
commit 747d1b5000
2 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
css/main.css
View file

@ -8,12 +8,25 @@
.topnav ul {
background-color: greenyellow;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
background-color: gray;
}
.topnav li {
display: inline-block;
align-content: center;
margin: 5px;
}
.pic{
display: block;
height: 75px;
transform: translateY(-80px);
}
.pic:hover {
transform: unset;
}
/* Style the links inside the navigation bar */
@ -41,7 +54,8 @@
h1 {
font-weight: bold;
font-family: 'Roboto', sans-serif;
font-size: 26px;
margin: 10px;
}

4
index.html
View file

@ -18,8 +18,8 @@
<body>
<nav class="topnav">
<ul>
<li>
<img src="resources/world_data_logo_v1_grey.png">
<li class="pic">
<img src="resources/world_data_logo_v1.png">
</li>
<li>
<a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A1 - Table</a>