diff --git a/assets/vendor/astroid/scss/utilities/_animations.scss b/assets/vendor/astroid/scss/utilities/_animations.scss index 44e223d2..d0db4e85 100644 --- a/assets/vendor/astroid/scss/utilities/_animations.scss +++ b/assets/vendor/astroid/scss/utilities/_animations.scss @@ -599,6 +599,62 @@ } } +.as-effect-unveil { + position: relative; + overflow: hidden; + > img { + transition: opacity 0.35s, transform 0.35s, filter 0.35s; + } + &:before { + position: absolute; + top: 0; + left: 0; + width: 50%; + height: 130%; + border-right: 1px solid rgba(255, 255, 255, 0); + content: ""; + opacity: 0.5; + transform-origin: top right; + transition: opacity 0.35s, transform 0.35s; + background: rgba(0, 0, 0, 0.1); + z-index: 1 + } + &:after { + position: absolute; + top: 0; + left: 50%; + width: 50%; + height: 130%; + border-left: 1px solid rgba(255, 255, 255, 0); + content: ""; + opacity: 0.5; + transform-origin: top left; + transition: opacity 0.35s, transform 0.35s; + background: rgba(0, 0, 0, 0.1); + z-index: 1 + } + &:hover { + &:before { + border-radius: 0 0 120%; + border-right-color: rgba(255, 255, 255, 0.75); + transform: rotate(35deg); + } + &:after { + border-radius: 0 0 0 120%; + border-left-color: rgba(255, 255, 255, 0.75); + transform: rotate(-35deg); + } + > img { + opacity: 0.9; + filter: brightness(100%) contrast(113%) saturate(159%) blur(0.2px) hue-rotate(0deg); + -webkit-transform: scale3d(1.05, 1.05, 1); + -moz-transform: scale3d(1.05, 1.05, 1); + -ms-transform: scale3d(1.05, 1.05, 1); + transform: scale3d(1.05, 1.05, 1); + } + } +} + @-webkit-keyframes fadeInOpacity { 0% { opacity: 0; diff --git a/framework/elements/grid/grid.xml b/framework/elements/grid/grid.xml index d33e2222..6ea669c1 100644 --- a/framework/elements/grid/grid.xml +++ b/framework/elements/grid/grid.xml @@ -468,6 +468,7 @@ + diff --git a/framework/elements/image/image.xml b/framework/elements/image/image.xml index fe4d164f..35f97acc 100644 --- a/framework/elements/image/image.xml +++ b/framework/elements/image/image.xml @@ -55,6 +55,7 @@ + diff --git a/framework/elements/imagegroup/imagegroup.xml b/framework/elements/imagegroup/imagegroup.xml index 656d8bd2..ae7c07ea 100644 --- a/framework/elements/imagegroup/imagegroup.xml +++ b/framework/elements/imagegroup/imagegroup.xml @@ -242,6 +242,7 @@ + diff --git a/framework/elements/testimonials/testimonials.xml b/framework/elements/testimonials/testimonials.xml index 6ae114af..dd67eb2f 100644 --- a/framework/elements/testimonials/testimonials.xml +++ b/framework/elements/testimonials/testimonials.xml @@ -404,6 +404,7 @@ +