vgaNAR6ta/vgaNAR6ta--site-web-v0
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit: ajout animation CSS class .blinking + cohérence lang fr

Browse Source
This commit is contained in:
Vega
2026-03-01 06:35:11 +01:00
parent ce8181d3db
commit 157a4add48
2 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/TopBar.vue
View File

@@ -60,10 +60,10 @@
<div id="plus_panel" ref="plusPannel" v-show="plusActive">
<button type="button" class="btn_plusPan" id="ttt" @click="warnTattooToggle">TATTOO</button>
<button type="button" class="btn_plusPan" id="contact" @click="contactToggle">CONTACT</button>
<button type="button" class="btn_plusPan" id="about_plus" @click="aboutToggle">ABOUT</button>
<button type="button" class="btn_plusPan" id="about_plus" @click="aboutToggle">À PROPOS</button>
</div>
<div id="warn_tattoo" ref="tattooWarn" v-show="warnTattooActive">
<div id="warn_tattoo" class="blinking" ref="tattooWarn" v-show="warnTattooActive">
<p id="question_tattoo">Vous allez être redirigé vers Instagram!</p>
<div id="rep_tattoo">
<a href="https://www.instagram.com/noeu_3/?utm_source=ig_web_button_share_sheet">

16
src/assets/main_pageStyle.css
View File

@@ -82,6 +82,7 @@ a{
text-decoration: none;
}
/*=====================Animation*/
.floating {
position: fixed;
animation: float 1s ease-in-out infinite;
@@ -99,6 +100,18 @@ a{
100% { transform: translateY(0px); }
}
.blinking{
animation: blink 3.33s ease-in-out infinite;
}
@keyframes blink {
0% { border-color: var(--accent-color);}
25% { border-color: var(--dark-color);}
50% { border-color: var(--accent-color);}
75% { border-color: var(--dark-color);}
100% { border-color: var(--accent-color);}
}
/*=====================================================*/
/*===================Player musique*/
.player{
@@ -395,8 +408,7 @@ header {
align-items: center;
padding: 10px;
border-style: solid;
border-width: medium;
border-color: var(--accent-color);
border-width: thick;
z-index: 11;
}