|
|
Line 1: |
Line 1: |
| .portraitcontainer {
| | #test {background-image: url(RiverBright1.png);} |
| position: relative; display:inline-block;}
| |
| }
| |
| | |
| .portrait1 {
| |
| display: block;
| |
| width: 100%;
| |
| height: auto;
| |
| }
| |
| | |
| .portraitoverlay {
| |
| position: absolute;
| |
| top: 0;
| |
| bottom: 0;
| |
| left: 0;
| |
| right: 0;
| |
| height: 100%;
| |
| width: 100%;
| |
| opacity: 0;
| |
| transition: .5s ease;
| |
| background-color: #140E0A;
| |
| }
| |
| | |
| .portraitcontainer:hover .portraitoverlay {
| |
| opacity: .8;
| |
| }
| |
| | |
| .portraittext { | |
| color: white;
| |
| font-size: 20px;
| |
| font-family: Josefin Sans;
| |
| position: absolute;
| |
| top: 50%;
| |
| left: 50%;
| |
| transform: translate(-50%, -50%);
| |
| -ms-transform: translate(-50%, -50%);
| |
| } | |
Revision as of 08:40, 16 January 2021
#test {background-image: url(RiverBright1.png);}