Skip to content

Commit

Permalink
Update coin.css
Browse files Browse the repository at this point in the history
  • Loading branch information
kozyol committed Jun 22, 2024
1 parent da0eba4 commit 61665fe
Showing 1 changed file with 0 additions and 92 deletions.
92 changes: 0 additions & 92 deletions Clicker/style/coin.css
Original file line number Diff line number Diff line change
Expand Up @@ -45,95 +45,3 @@
box-shadow: inset 0 0 10px #fda80311, 0 0 9px 3px #fda80333;
}


.buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
text-align: center;
width: 80px;
height: 60px;
margin: 0 auto;
/* padding: 2em 0em; */
}

.container {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
background-color: transparent;
padding: 40px 0px;
width: 240px;
}


.btn {
letter-spacing: 0.1em;
cursor: pointer;
font-size: 14px;
font-weight: 400;
line-height: 45px;
max-width: 160px;
position: relative;
text-decoration: none;
text-transform: uppercase;
width: 100%;
color: #fda803;
border: 2px solid #fda80388;
border-radius: 2rem;
box-shadow: inset 0 0 10px #fda80377, 0 0 9px 3px #fda80344;
}
.btn:hover {
text-decoration: none;
box-shadow: inset 0 0 10px #fda80377, 0 0 9px 3px #fda80377;
}

/*btn_background*/
.effect04 {
--uismLinkDisplay: var(--smLinkDisplay, inline-flex);
display: var(--uismLinkDisplay);
color: #eee;
position: relative;
transition-duration: 0.4s;
overflow: hidden;
}

.effect04::before,
.effect04 span{
margin: 0 auto;
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
transition-duration: 0.4s;
}

/* 文字1を上に */
.effect04:hover{
background-color: transparent;
}

/* HOVERしたら文字1を上に */
.effect04:hover span{
-webkit-transform: translateY(-400%) scale(-0.1,20);
transform: translateY(-400%) scale(-0.1,20);
}

/*文字2*/
.effect04::before{
content: attr(data-sm-link-text);
color: #fda803;
position: absolute;
left: 0;
right: 0;
margin: auto;
-webkit-transform: translateY(500%) scale(-0.1,20);
transform: translateY(500%) scale(-0.1,20);
}

/* HOVERしたら文字2を上に */
.effect04:hover::before{
letter-spacing: 0.05em;
-webkit-transform: translateY(0) scale(1,1);
transform: translateY(0) scale(1,1);
}

0 comments on commit 61665fe

Please sign in to comment.