|
|
Line 1: |
Line 1: |
| .featured1 { | | .featured { |
| color: #ffffff; | | color: #ffffff; |
| font-weight: 700; | | font-weight: 700; |
| width: 9em; | | width: 9em; |
Line 12: |
Line 12: |
| padding: 16px 0; | | padding: 16px 0; |
| margin-bottom: 10px; | | margin-bottom: 10px; |
| background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/3/3c/Zazu.jpg);
| |
| user-select: none; | | user-select: none; |
| overflow: hidden; | | overflow: hidden; |
Line 22: |
Line 21: |
| background-position: center; | | background-position: center; |
| } | | } |
| .featured1:hover { | | |
| background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/3/3c/Zazu.jpg); | | .featured:hover { |
| | background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)); |
| transition: all .25s; | | transition: all .25s; |
| cursor: pointer; | | cursor: pointer; |
| transform: scale(1.1); | | transform: scale(1.1); |
| background-size: cover;
| |
| background-position: center;
| |
| } | | } |
| | |
| | .featured1 { |
| | background-image: url(https://catpedia.wiki/images/3/3c/Zazu.jpg); |
| | } |
| | |
| .featured2 { | | .featured2 { |
| color: #ffffff;
| | background-image: url(https://catpedia.wiki/images/c/c8/Doudou.jpg); |
| font-weight: 700;
| |
| width: 9em;
| |
| height: 12em;
| |
| text-align: center;
| |
| font-size: 24px;
| |
| display: flex;
| |
| flex-direction: column;
| |
| justify-content: center;
| |
| align-items: center;
| |
| padding: 16px 0;
| |
| margin-bottom: 10px;
| |
| background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/c/c8/Doudou.jpg); | |
| user-select: none;
| |
| overflow: hidden;
| |
| white-space: nowrap;
| |
| text-overflow: ellipsis;
| |
| transition: transform 0.25s;
| |
| border-radius: 10px;
| |
| background-size: cover;
| |
| background-position: center;
| |
| }
| |
| .featured2:hover {
| |
| background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/c/c8/Doudou.jpg);
| |
| transition: all .25s;
| |
| cursor: pointer;
| |
| transform: scale(1.1);
| |
| background-size: cover;
| |
| background-position: center;
| |
| }
| |
| .featured3 {
| |
| color: #ffffff;
| |
| font-weight: 700;
| |
| width: 9em;
| |
| height: 12em;
| |
| text-align: center;
| |
| font-size: 24px;
| |
| display: flex;
| |
| flex-direction: column;
| |
| justify-content: center;
| |
| align-items: center;
| |
| padding: 16px 0;
| |
| margin-bottom: 10px;
| |
| background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/e/ea/Xiaojie.png);
| |
| user-select: none;
| |
| overflow: hidden;
| |
| white-space: nowrap;
| |
| text-overflow: ellipsis;
| |
| transition: transform 0.25s;
| |
| border-radius: 10px;
| |
| background-size: cover;
| |
| background-position: center;
| |
| } | | } |
| .featured3:hover { | | |
| background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/e/ea/Xiaojie.png); | | .featured3 { |
| transition: all .25s;
| | background-image: url(https://catpedia.wiki/images/e/ea/Xiaojie.png); |
| cursor: pointer;
| |
| transform: scale(1.1);
| |
| background-size: cover;
| |
| background-position: center;
| |
| } | | } |
| .featured4 { | | |
| color: #ffffff;
| | .featured4 { |
| font-weight: 700;
| | background-image: url(https://catpedia.wiki/images/5/5c/Cumshot.jpeg); |
| width: 9em;
| |
| height: 12em;
| |
| text-align: center;
| |
| font-size: 24px;
| |
| display: flex;
| |
| flex-direction: column;
| |
| justify-content: center;
| |
| align-items: center;
| |
| padding: 16px 0;
| |
| margin-bottom: 10px;
| |
| background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/5/5c/Cumshot.jpeg); | |
| user-select: none;
| |
| overflow: hidden;
| |
| white-space: nowrap;
| |
| text-overflow: ellipsis;
| |
| transition: transform 0.25s;
| |
| border-radius: 10px;
| |
| background-size: cover;
| |
| background-position: center;
| |
| }
| |
| .featured4:hover {
| |
| background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/5/5c/Cumshot.jpeg);
| |
| transition: all .25s;
| |
| cursor: pointer;
| |
| transform: scale(1.1);
| |
| background-size: cover;
| |
| background-position: center;
| |
| } | | } |