Line 132: | Line 132: | ||
transform: translate(-50%,0%); | transform: translate(-50%,0%); | ||
} | } | ||
+ | .tips{ | ||
+ | display: flex; | ||
+ | transition: transform 0.6s ease-out; | ||
+ | flex-wrap: wrap; | ||
+ | width: 10%; | ||
+ | background: #FDEBC5; | ||
+ | border-radius: 2rem; | ||
+ | box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); | ||
+ | justify-content: center; | ||
+ | align-content: center; | ||
+ | align-items: center; | ||
+ | max-height: 45rem; | ||
+ | position: fixed; | ||
+ | top: 15%; | ||
+ | margin-left: 2rem; | ||
+ | padding: 1rem; | ||
+ | right: 26px; | ||
+ | transform: translateX(+150%) translateY(0); | ||
+ | |||
+ | } | ||
+ | .tips_hidden{ | ||
+ | transform: translateX(0%) translateY(0); | ||
+ | /*100% - .menu_lateral.height + .menu_lateral_teccem.heigh | ||
+ | 100 - 35 + 20 = 85 | ||
+ | */ | ||
+ | } | ||
/*@keyframes rise_up{ | /*@keyframes rise_up{ |
Revision as of 16:07, 12 October 2021