Line 145: | Line 145: | ||
font-weight: bold; | font-weight: bold; | ||
color: black; | color: black; | ||
+ | animation-name: title_in; | ||
+ | animation-duration: 1s; | ||
} | } | ||
+ | |||
+ | #section1 > .content_wrapper > .title::before{ | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | width: inherit; | ||
+ | height: 5px; | ||
+ | bottom: 5px; | ||
+ | background-color: lightcoral; | ||
+ | animation-name: title_underline_in; | ||
+ | animation-duration: 1s; | ||
+ | } | ||
+ | |||
+ | @keyframes title_underline_in{ | ||
+ | 0%{ | ||
+ | transform: scaleX(0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | 100%{ | ||
+ | transform: scaleX(1); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes title_in{ | ||
+ | 0%{ | ||
+ | transform: translateY(-20px); | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | 100%{ | ||
+ | transform: translateY(0px); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
#section1 > .content_wrapper > .desc{ | #section1 > .content_wrapper > .desc{ |
Revision as of 18:52, 1 October 2018