Cedric Dubucq, Auteur à INVYO Insights France

.tfl-big-europe {
	position: absolute;
	top: 84px;
	left: 295px;
	width: 100px;
}

.tfl-big-latam {
	position: absolute;
	top: 205px;
	left: 156px;
	width: 100px;
}

.tfl-big-africa {
	position: absolute;
	top: 158px;
	left: 259px;
	width: 100px;
}

.country-tfl a {
	color: #fff;
	margin-left: 70px;
	font-size: 20px;
	font-weight: bold;
	text-shadow: rgb(51, 51, 51) 1px 0px 0px, rgb(51, 51, 51) 0.540302px 0.841471px 0px, rgb(51, 51, 51) -0.416147px 0.909297px 0px, rgb(51, 51, 51) -0.989992px 0.14112px 0px, rgb(51, 51, 51) -0.653644px -0.756802px 0px, rgb(51, 51, 51) 0.283662px -0.958924px 0px, rgb(51, 51, 51) 0.96017px -0.279415px 0px;
}

.country-tfl a:hover {
	color: rgba(255, 255, 255, 0.9);
}

#worldmap-tfl {
	width: 100%;
	height: 327px;
	background-image: url('https://insights.invyo.io/france/wp-content/uploads/2018/03/worldrmap_techfoliance.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 30px;
	position: relative;
}
.pin-tfl {
	width: 30px;
	height: 30px;
	border-radius: 50% 50% 50% 0;
	background: #333;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
}

.pin-tfl:after {
	content: '';
	width: 14px;
	height: 14px;
	margin: 8px 0 0 8px;
	background: #fff;
	position: absolute;
	border-radius: 50%;
}

.pulse-tfl {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	height: 14px;
	width: 14px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 11px 0px 0px -12px;
	-webkit-transform: rotateX(55deg);
	-moz-transform: rotateX(55deg);
	-o-transform: rotateX(55deg);
	-ms-transform: rotateX(55deg);
	transform: rotateX(55deg);
	z-index: 0;
}

.pulse-tfl:after {
	content: "";
	border-radius: 50%;
	height: 40px;
	width: 40px;
	position: absolute;
	margin: -13px 0 0 -13px;
	-webkit-animation: pulsate 1s ease-out;
	-moz-animation: pulsate 1s ease-out;
	-o-animation: pulsate 1s ease-out;
	-ms-animation: pulsate 1s ease-out;
	animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-box-shadow: 0 0 1px 2px #333;
	box-shadow: 0 0 1px 2px #333;
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	-o-animation-delay: 1.1s;
	-ms-animation-delay: 1.1s;
	animation-delay: 1.1s;
}

@-moz-keyframes pulsate {
	0% {
		-webkit-transform: scale(0.1, 0.1);
		-moz-transform: scale(0.1, 0.1);
		-o-transform: scale(0.1, 0.1);
		-ms-transform: scale(0.1, 0.1);
		transform: scale(0.1, 0.1);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}
	50% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
	}
	100% {
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}
}

@-webkit-keyframes pulsate {
	0% {
		-webkit-transform: scale(0.1, 0.1);
		-moz-transform: scale(0.1, 0.1);
		-o-transform: scale(0.1, 0.1);
		-ms-transform: scale(0.1, 0.1);
		transform: scale(0.1, 0.1);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}
	50% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
	}
	100% {
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}
}

@-o-keyframes pulsate {
	0% {
		-webkit-transform: scale(0.1, 0.1);
		-moz-transform: scale(0.1, 0.1);
		-o-transform: scale(0.1, 0.1);
		-ms-transform: scale(0.1, 0.1);
		transform: scale(0.1, 0.1);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}
	50% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
	}
	100% {
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}
}

@keyframes pulsate {
	0% {
		-webkit-transform: scale(0.1, 0.1);
		-moz-transform: scale(0.1, 0.1);
		-o-transform: scale(0.1, 0.1);
		-ms-transform: scale(0.1, 0.1);
		transform: scale(0.1, 0.1);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}
	50% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
	}
	100% {
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}
}

/*END PIN*/

Cedric Dubucq

Comment digitaliser vos actions grâce à la blockchain ? Et quels...

POPULAR

Les 10 VC français les plus investis dans les Fintechs

Le Top 5 des (vraies) néo-banques

Liste des 10 meilleurs livres Fintech à lire en 2016

L’intelligence artificielle: boîte de pandore des banques?

Top 5 des campagnes de pub Fintech les plus décalées

EDITOR CHOICE

Mapping WealthTech France 2019

POPULAR POSTS

Entreprises, TPE, PME : Comment investir dans les cryptos et la...

Entreprises, TPE, PME : Comment investir dans les cryptos et la...

La gestion de vos données, en toute simplicité

Notre sélection des outils à connaître #1 : Gestion de trésorerie

POPULAR CATEGORY