frontend: add animation on frontpage

This commit is contained in:
nemunaire 2018-12-05 01:24:27 +01:00
parent 9ac3fc7e35
commit 9d18d0733b
3 changed files with 9 additions and 2 deletions

View File

@ -236,6 +236,13 @@ ul.list-inline li:not(:last-child)::after {
content: ">" content: ">"
} }
.excard {
transition: transform 250ms;
}
.excard:hover {
transform: scale(1.07);
}
#tagsMenu + .dropdown-menu div { #tagsMenu + .dropdown-menu div {
overflow-y: auto; overflow-y: auto;
max-height: calc(66vh - 100px); max-height: calc(66vh - 100px);

View File

@ -15,7 +15,7 @@
</div> </div>
<div class="card-columns"> <div class="card-columns">
<div class="card niceborder" ng-repeat="(k,theme) in themes"> <div class="card niceborder excard" ng-repeat="(k,theme) in themes">
<div class="card-img-top theme-card" ng-show="theme.image" style="background-image: url({{ theme.image }})"></div> <div class="card-img-top theme-card" ng-show="theme.image" style="background-image: url({{ theme.image }})"></div>
<div class="card-body"> <div class="card-body">
<h5 class="card-title"> <h5 class="card-title">

View File

@ -1,5 +1,5 @@
<div class="card-columns"> <div class="card-columns">
<div class="card niceborder" ng-repeat="ex in exercices"> <div class="card niceborder excard" ng-repeat="ex in exercices">
<div class="card-img-top theme-card" ng-show="ex.theme.image" style="background-image: url({{ ex.theme.image }})"></div> <div class="card-img-top theme-card" ng-show="ex.theme.image" style="background-image: url({{ ex.theme.image }})"></div>
<div class="card-body"> <div class="card-body">
<h6 class="card-title"> <h6 class="card-title">