frontend: add animation on frontpage
This commit is contained in:
parent
9ac3fc7e35
commit
9d18d0733b
@ -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);
|
||||||
|
@ -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">
|
||||||
|
@ -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">
|
||||||
|
Loading…
Reference in New Issue
Block a user