fix card-img-top transition
This commit is contained in:
parent
9e645a50a6
commit
607f15580c
1 changed files with 5 additions and 4 deletions
|
@ -89,7 +89,6 @@ a:hover {
|
||||||
.card {
|
.card {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
transition: all 0.3s ease-out;
|
transition: all 0.3s ease-out;
|
||||||
transition: all 0.3s ease-out;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -108,7 +107,6 @@ a:hover {
|
||||||
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
|
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
|
||||||
border: 1px solid #fff;
|
border: 1px solid #fff;
|
||||||
transition: all 0.3s ease-out;
|
transition: all 0.3s ease-out;
|
||||||
transition: all 0.3s ease-out;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.card .card-head {
|
.card .card-head {
|
||||||
|
@ -117,9 +115,12 @@ a:hover {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.card-img-top {
|
||||||
|
transition: all 0.3s ease-out!important;
|
||||||
|
}
|
||||||
|
|
||||||
.card:hover .card-head .card-img-top,
|
.card:hover .card-head .card-img-top,
|
||||||
.card:hover .card-head .card-img-top {
|
.card:focus .card-head .card-img-top {
|
||||||
transition: all 0.3s ease-out;
|
|
||||||
transition: all 0.3s ease-out;
|
transition: all 0.3s ease-out;
|
||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue