maj grav

2019-09-27 00:29:18 +02:00
parent 40af43681e
commit b857814072
470 changed files with 37562 additions and 10060 deletions
@@ -1,23 +1,66 @@
-.default-animation {
-  transition: all 0.5s ease;
+$animate: all 0.2s ease-in-out;
+
+#text_figli{
+  z-index: 999;
+  p{
+    & > a{
+      z-index: 999;
+      &:before,
+      &:after {
+        content: "";
+        position: absolute;
+        bottom: -1px;
+        width: 0px;
+        height: 1px;
+        margin: 1px 0 0;
+        transition: $animate;
+        transition-duration: 0.3s;
+        opacity: 0;
+        background-color: black;
+      }
+      &::before{
+        left: 50%;
+      }
+      &:after{
+        right: 50%;
+      }
+      &:hover {
+        cursor: pointer;
+        &:before,
+        &:after {
+          width: 100%;
+          opacity: 1;
+        }
+        &:before,
+        &:after {
+          width: 50%;
+        }
+      }
+    }
+  }
 }

-// Pulse Animation
-.pulse {
-  animation-name: pulse_animation;
-  animation-duration: 2000ms;
-  transform-origin:70% 70%;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
-}
-
-@keyframes pulse_animation {
-  0% { transform: scale(1); }
-  30% { transform: scale(1); }
-  40% { transform: scale(1.08); }
-  50% { transform: scale(1); }
-  60% { transform: scale(1); }
-  70% { transform: scale(1.05); }
-  80% { transform: scale(1); }
-  100% { transform: scale(1); }
+.circle_hover{
+  position: absolute;
+  width: 0px;
+  height: 0px;
+  background: $color_culturelle;
+  border-radius: 500px;
+  transform: translate(-50%, -50%);
+  z-index: 0;
+  transition: height .2s, width .2s;
+  &.open{
+    width: 200px;
+    height: 200px;
+    transition: height .5s, width .5s;
+  }
+  &.publique{
+    background: $color_publique;
+  }
+  &.sociale{
+    background: $color_sociale;
+  }
+  &.culturelle{
+    background: $color_culturelle;
+  }
 }