You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
820 B
52 lines
820 B
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,800;1,400&display=swap'); |
|
|
|
|
|
|
|
body{ |
|
font-family: 'Open Sans', sans-serif; |
|
} |
|
a { |
|
text-decoration : none ; |
|
color : #000; |
|
} |
|
|
|
#works { |
|
display : grid ; |
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; |
|
//column-gap: 10px; |
|
//row-gap : 10px; |
|
} |
|
|
|
.work{ |
|
position:relative; |
|
overflow:hidden; |
|
} |
|
|
|
#works .work .wimg { |
|
height : 250px; |
|
overflow:hidden; |
|
display:grid; |
|
} |
|
|
|
#works .work .wimg img { |
|
width : 130%; |
|
place-self: center; |
|
} |
|
|
|
.wdesc { |
|
background:rgba(255,255,255,0.5); |
|
border-radius: 10px; |
|
position: absolute; |
|
left : -100%; |
|
padding :10px; |
|
bottom:20px; |
|
transition : all 0.3s linear ; |
|
opacity : 0 ; |
|
} |
|
|
|
|
|
.work:hover .wdesc { |
|
left:10px; |
|
opacity : 1 ; |
|
} |
|
|
|
|