x

Float Button

/* Float */

<style></style>
.hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-float:hover, .hvr-float:focus, .hvr-float:active { -webkit-transform: translateY(-8px); transform: translateY(-8px); }

x

Underline Hover

/* Float */

<style></style>
/* Overline From Center */
.hvr-overline-from-center {
 display: inline-block;
 vertical-align: middle;
 -webkit-transform: perspective(1px) translateZ(0);
 transform: perspective(1px) translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 position: relative;
 overflow: hidden;
}
.hvr-overline-from-center:before {
 content: "";
 position: absolute;
 z-index: -1;
 left: 51%;
 right: 51%;
 top: 0;
 background: #5748c5;
 height: 4px;
 -webkit-transition-property: left, right;
 transition-property: left, right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
 left: 0;
 right: 0;
}

x

Sweep

/* Sweep To Right */
.hvr-sweep-to-right {
 display: inline-block;
 vertical-align: middle;
 -webkit-transform: perspective(1px) translateZ(0);
 transform: perspective(1px) translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 position: relative;
 -webkit-transition-property: color;
 transition-property: color;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
 content: "";
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: #5748c5;
 border-radius: 4px;
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: 0 50%;
 transform-origin: 0 50%;
 -webkit-transition-property: transform;
 transition-property: transform;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
 color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
}

x

Wiggle Top



<style></style>
@-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { -webkit-animation-name: hvr-wobble-top; animation-name: hvr-wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

x

Hover Pop

/* Float */

<style></style>
/* Pop */
@-webkit-keyframes hvr-pop {
 50% {
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
 }
}
@keyframes hvr-pop {
 50% {
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
 }
}
.hvr-pop {
 display: inline-block;
 vertical-align: middle;
 -webkit-transform: perspective(1px) translateZ(0);
 transform: perspective(1px) translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
 -webkit-animation-name: hvr-pop;
 animation-name: hvr-pop;
 -webkit-animation-duration: 0.3s;
 animation-duration: 0.3s;
 -webkit-animation-timing-function: linear;
 animation-timing-function: linear;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
}

x

Read More Link

/* Float */

<style></style>
.cool-link {
   display: inline-block;
   color: #000;
   text-decoration: none;
}

.cool-link::after {
   content: '';
   display: block;
   width: 0;
   height: 2px;
   background: #000;
   transition: width .3s;
}

.cool-link:hover::after {
   width: 100%;
   //transition: width .3s;
}

foundYOURSELF
Husselstraße 21
66629 Freisen

Kontakt:

T +49 6857 6997555

F +49 177 1760208

gaby@foundyourself.de

Geschäftsführung
Gaby Geisert

Inhaltlich Verantwortlicher gemäß § 55 Abs. 2 RStV

Gaby Geisert, Husselstraße 21, 66629 Freisen

Informationen zur Online-Streitbeilegung

foundYOURSELF ist nicht bereit und verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen. Die Plattform der EU-Kommission zur Online-Streitbeilegung ist erreichbar unter http://ec.europa.eu/consumers/odr

Schutzklausel

Rechtlicher Hinweis für externe Links: Das Landgericht Hamburg hat mit seinem Urteil vom 12. Mai 1998 –312 O 85/98 – “Haftung für Links” entschieden, dass man durch einen Link auf eine andere Homepage deren Inhalte unter Umständen mit zu verantworten hat. Dies kann man nur verhindern, indem man sich ausdrücklich von diesen Inhalten distanziert: Hiermit distanzieren wir uns ausdrücklich von sämtlichen Inhalten aller von uns per Link angebotenen Seiten und erklären hiermit, dass die dort angebotenen Inhalte u.U. nicht unsere Meinung widerspiegeln.

NUTZUNGSBEDINGUNGEN

Annahme der Bedingungen

Wenn Sie diese Site besuchen, erkennen Sie an, dass Sie die unten erläuterten Bedingungen gelesen haben und zustimmen. Wenn Sie den hier genannten Bedingungen nicht zustimmen, sollten Sie diese Site jetzt verlassen.

Haftungshinweis

Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für die Inhalte der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich. Wir bemühen uns, auf dieser Website nur vollständige und richtige Informationen zu veröffentlichen, wir können jedoch keine Haftung oder Garantie für Aktualität, Richtigkeit und Vollständigkeit der Informationen übernehmen und behalten uns das Recht vor, Änderungen oder Ergänzungen der angebotenen Informationen vorzunehmen.

Datenschutz

Der Schutz Ihrer Privatsphäre ist für uns sehr wichtig. Wir informieren Sie in unserer Datenschutzerklärung ausführlich über die Art, den Umfang und die Zwecke der Erhebung und Verwendung Ihrer Daten. Sie können diese Unterrichtung jederzeit auf unserer Webseite abrufen.

Copyright / Urheberrechte

foundYOURSELF. Alle Rechte vorbehalten. Text, Bilder, Grafiken, Sound, Animationen und Videos sowie deren Anordnung auf dieser Website unterliegen dem Schutz des Urheberrechts und anderer Schutzgesetze. Der Inhalt dieser Website darf nicht zu kommerziellen Zwecken kopiert, verbreitet, verändert oder Dritten zugänglich gemacht werden. Wir weisen darauf hin, dass auf den Websites enthaltene Bilder teilweise dem Urheberrecht Dritter unterliegen.