rushilwiz/NewViewsNews
1
0
Fork 0
mirror of https://github.com/Rushilwiz/NewViewsNews.git synced 2025-04-18 10:30:16 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

bounce

Browse Source
This commit is contained in:
1776123 2020-08-16 01:23:17 -04:00
parent 59b8c52d52
commit 6f3161bb24
2 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
news/static/news/css/styles.css
View File

@ -149,3 +149,25 @@ a.article-title:hover {
} }
} }
.bounce:hover{
animation: bounce 2s;
}
@keyframes bounce {
0%, 20%, 60%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
80% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}

6
news/templates/news/base.html
View File

@ -12,8 +12,8 @@
<link rel="stylesheet" type="text/css" href="{% static 'news/css/styles.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'news/css/styles.css' %}">
<!-- Favicon --> <!-- Favicon -->
<link rel="shortcut icon" href="{% static 'news/favicon.ico' %}" type="image/x-icon"> <link rel="shortcut icon" href="{% static 'news/favicon2.ico' %}" type="image/x-icon">
<link rel="icon" href="{% static 'news/favicon.ico' %}/favicon.ico" type="image/x-icon"> <link rel="icon" href="{% static 'news/favicon2.ico' %}/favicon2.ico" type="image/x-icon">
<title>NewViewsNews</title> <title>NewViewsNews</title>
@ -23,7 +23,7 @@
<nav class="navbar navbar-expand-md navbar-dark bg-steel fixed-top"> <nav class="navbar navbar-expand-md navbar-dark bg-steel fixed-top">
<div class="container"> <div class="container">
<a class="navbar-brand" href="{% url 'home' %}"> <a class="navbar-brand bounce" href="{% url 'home' %}">
<img src="{% static 'news/css/res/logo.svg' %}" width="120" alt=""> <img src="{% static 'news/css/res/logo.svg' %}" width="120" alt="">
</a> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggle" aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggle" aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">