Faisons connaissance
ELFICRÉA est le fidèle créateur de votre identité visuelle mais aussi la racine et le fruit d’années de passion pour le graphisme. C’est l’entreprise individuelle dynamique et innovante, nichée au cœur de la Martinique qu’il vous faut.
Fondée par Johanna GUIOSE, ELFICRÉA se spécialise dans la création graphique, offrant des services personnalisés qui mettent en lumière votre marque et améliorent votre visibilité.
Avec un accent mis sur la création d’identités de marque pérennes et des campagnes publicitaires marquantes, ELFICRÉA aspire à devenir la référence incontournable pour tous vos besoins en communication visuelle, grâce à une approche créative et une écoute attentive.
ELFICRÉA s’engage à transformer vos idées en réalités visuelles captivantes.
ELFICRÉA, pour que vous soyez bien vu, et bien plus…
/* ============================================================
PHOTO JOHANNA — Goutte organique + Flottaison
============================================================ */
.johanna-fluide {
display: block;
/* ── Taille de l'image ── */
width: 320px;
height: 320px;
object-fit: cover;
/* ── Point de départ de la forme goutte ──
Les 8 valeurs définissent les 4 coins (X / Y).
Modifiez ces chiffres pour changer la silhouette initiale. */
border-radius: 60% 40% 55% 45% / 45% 55% 40% 60%;
/* ── Deux animations combinées ──
morphing : déformation organique de la goutte
floating : mouvement de haut en bas
Séparez-les par une virgule pour les jouer simultanément. / animation: morphing 6s ease-in-out infinite, / ← vitesse de morphing : changez "6s" / floating 4s ease-in-out infinite; / ← vitesse de flottaison : changez "4s" */
/* Optionnel : ombre portée pour renforcer l'effet 3D */
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.20);
}
/* ============================================================
ANIMATION 1 — Morphing organique (forme goutte vivante)
============================================================
Chaque étape (@keyframe) redéfinit le border-radius.
→ Pour une déformation PLUS intense : augmentez l'écart
entre les valeurs (ex : 70% vs 30%).
→ Pour une déformation PLUS douce : rapprochez les valeurs
(ex : 55% vs 45%).
============================================================ */
@keyframes morphing {
0% {
border-radius: 60% 40% 55% 45% / 45% 55% 40% 60%;
}
25% {
border-radius: 45% 55% 40% 60% / 60% 40% 55% 45%;
}
50% {
border-radius: 55% 45% 60% 40% / 40% 60% 45% 55%;
}
75% {
border-radius: 40% 60% 45% 55% / 55% 45% 60% 40%;
}
100% {
border-radius: 60% 40% 55% 45% / 45% 55% 40% 60%;
}
}
/* ============================================================
ANIMATION 2 — Flottaison douce (haut / bas)
============================================================
→ Pour une flottaison PLUS ample : augmentez translateY
(ex : translateY(-18px) et translateY(8px)).
→ Pour une flottaison PLUS subtile : diminuez ces valeurs
(ex : translateY(-6px) et translateY(2px)).
============================================================ */
@keyframes floating {
0% {
transform: translateY(0px);
}
45% {
/* Point haut de la flottaison — ajustez "-12px" / transform: translateY(-12px); } 55% { / Légère accentuation au sommet pour un rebond naturel */
transform: translateY(-10px);
}
100% {
transform: translateY(0px);
}
}
Comment pouvons-nous vous aider ?
Nous existons pour créer des visuels percutants qui renforcent votre identité de marque et vous démarquent de la concurrence. Avec notre expertise en design graphique, nous vous aidons à raconter votre histoire de manière captivante et mémorable.
Ils nous ont fait confiance
