From b84a66501d1505d2a13ab4b9cfd6831921ce7472 Mon Sep 17 00:00:00 2001
From: "real3t@gmail.com" <>
Date: Fri, 14 Dec 2018 13:58:22 +0000
Subject: [PATCH] =?UTF-8?q?Changement=20de=20l'effet=20au=20survol=20du=20?=
=?UTF-8?q?logo=20:=20il=20se=20soul=C3=A8ve=20avec=20une=20ombre=20en=20d?=
=?UTF-8?q?essous=20(inspir=C3=A9=20de=20https://www.joomla-monster.com/bl?=
=?UTF-8?q?og/web-development/css3-powered-hover-effects-for-your-logo)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
noisettes/logosite.html | 4 ++-
stylessoyezcreateurs.css.html | 46 +++++++++++++++++++++++++++++++++--
2 files changed, 47 insertions(+), 3 deletions(-)
diff --git a/noisettes/logosite.html b/noisettes/logosite.html
index a3864167..ab68aea6 100644
--- a/noisettes/logosite.html
+++ b/noisettes/logosite.html
@@ -1,6 +1,8 @@
[<div id="logo">
<a href="./" title="<:soyezcreateurs:accueil_site:> [(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]">
- <img src="(#LOGO_SITE_SPIP_NORMAL|extraire_attribut{src})" width="[(#LOGO_SITE_SPIP_NORMAL|largeur)]" height="[(#LOGO_SITE_SPIP_NORMAL|hauteur)]" alt="[(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" />
+ <span>
+ <img src="(#LOGO_SITE_SPIP_NORMAL|extraire_attribut{src})" width="[(#LOGO_SITE_SPIP_NORMAL|largeur)]" height="[(#LOGO_SITE_SPIP_NORMAL|hauteur)]" alt="[(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" />
+ </span>
</a>
</div>]
#FILTRE{mini_html}
\ No newline at end of file
diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html
index 7faf002d..35b70e45 100644
--- a/stylessoyezcreateurs.css.html
+++ b/stylessoyezcreateurs.css.html
@@ -1464,8 +1464,50 @@ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99[(#GET{c_head
#header #citations dd { border-bottom: none; border-right: none; }
#header #citations dd p { text-align:right; }
#header #logo { clear: left; float: left; height: 50px; }
-#header #logo a, #header #logo a, #header #logo a { transform: scale(0.95); display: inline-block;}
-#header #logo a:hover, #header #logo a:focus, #header #logo a:active { background-color: transparent !important; display: inline-block; transform: scale(1.00); }
+#header #logo a { position: relative; display: inline-block; }
+#header #logo span { position: relative; display: inline-block; -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+#header #logo a:before {
+ pointer-events: none;
+ position: absolute;
+ content: '';
+ bottom: -10px;
+ left: 5%;
+ height: 10px;
+ width: 90%;
+ filter: alpha(opacity=0);
+ opacity: 0;
+ background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%);
+ background: -webkit-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%);
+ background: -moz-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%);
+ background: -o-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%);
+ -o-transition-duration: 0.3s;
+ -ms-transition-duration: 0.3s;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -o-transition-property: transform, opacity;
+ -ms-transition-property: transform, opacity;
+ -webkit-transition-property: transform, opacity;
+ transition-property: transform, opacity;
+}
+#header #logo a:hover:before,
+#header #logo a:focus:before,
+#header #logo a:active:before {
+ filter: alpha(opacity=100);
+ opacity: 1;
+}
+#header #logo a:hover, #header #logo a:focus, #header #logo a:active { background-color: transparent !important; }
+#header #logo a:hover span,
+#header #logo a:focus span,
+#header #logo a:active span {
+ -o-transform: translateY(-10px);
+ -ms-transform: translateY(-10px);
+ -webkit-transform: translateY(-10px);
+ transform: translateY(-10px);
+}
/* xiti et compteurs */
#xiti { position: absolute; bottom: 10px; left: 18px; z-index: -1; }
--
GitLab