diff --git a/news/static/news/css/styles.css b/news/static/news/css/styles.css index 33ad544..39d6aae 100644 --- a/news/static/news/css/styles.css +++ b/news/static/news/css/styles.css @@ -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); + } +} + + + diff --git a/news/templates/news/base.html b/news/templates/news/base.html index 93d5560..c8deaaa 100644 --- a/news/templates/news/base.html +++ b/news/templates/news/base.html @@ -12,8 +12,8 @@ - - + +