12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- #start{
- margin-top: 35px;
- .item{
- display: flex;
- .card{
- position: relative;
- width: calc(100% / 3);
- .card-image{
- background-color: rgb(0, 255, 0);
- img{
- transition: all .6s;
- mix-blend-mode: multiply;
- // filter: contrast(10) grayscale(1);
- opacity: .95;
- }
- }
- .card-title{
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translateX(-50%);
- }
- }
- }
- #items{
- .content-item{
- .e-content{
- display: flex;
- }
- .media{
- width: calc((100% / 3) + (100% / 3));
- }
- .txt{
- position: fixed;
- right: 0;
- height: 100%;
- width: calc(100% / 3);
- .taxonomy{
- position:fixed;
- bottom: 0;
- }
- }
- }
- }
- }
|