MoeJue/DropOut
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: シェアボタンホバー時にアニメーションを適用

Browse Source
This commit is contained in:
yuki540 2018-04-19 01:42:36 +09:00
parent 3caa680df8
commit 4e850b3f3e
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/scss/modules/pc/_top-page.scss
View File

@ -319,6 +319,7 @@
transform: translateX(calc(100% + 5px)); transform: translateX(calc(100% + 5px));
overflow: hidden; overflow: hidden;
z-index: 1; z-index: 1;
transition: all 0.3s ease 0s;
a { a {
position: relative; position: relative;
@ -329,11 +330,15 @@
text-align: center; text-align: center;
line-height: 50px; line-height: 50px;
color: $theme-purple; color: $theme-purple;
background-color: $theme-mint; transition: all 0.3s ease 0s;
i { font-size: 20px; margin-right: 5px; } i { font-size: 20px; margin-right: 5px; }
} }
} }
.top-page__share-btn:hover {
a { color: #fff; }
background-color: $theme-pink;
}
.top-page[data-state="start"] { .top-page[data-state="start"] {
/*** ring ***/ /*** ring ***/