.shiny-btn1 { display: block; position: relative; width: 80%;/*ボタンの幅*/ padding: 10px 0; margin: 30px auto; background-color: #ed4545;/*ボタンの色*/ box-shadow: 0 3px 0 0 rgba(198, 39, 39, 1);/*影の色(rgbaの値を変更)*/ border-radius: 5px; font-weight: bold; font-size: 18px; color: #fff; text-align: center; text-decoration: none; overflow: hidden; } .shiny-btn1:hover { text-decoration: none; color: #fff; } .shiny-btn1::before { position: absolute; content: ''; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: #fff; animation: shiny-btn1 3s ease-in-out infinite; } @-webkit-keyframes shiny-btn1 { 0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; } 80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; } 81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; } 100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; } } チェック ol { counter-reset:number; /*数字をリセット*/ list-style-type: none!important; /*数字を一旦消す*/ padding:0.5em; border: dashed 1px gray; } ol li { position: relative; line-height: 1.5em; padding: 0.5em 0.5em 0.5em 30px; } ol li:before{ /* 以下数字をつける */ position: absolute; counter-increment: number; content: counter(number); /*数字のデザイン変える*/ display:inline-block; background: #74c2f8; color: white; font-family: 'Avenir','Arial Black','Arial',sans-serif; font-weight:bold; font-size: 15px; left: 0; width: 25px; height: 25px; line-height: 25px; text-align: center; /*以下上下中央寄せのため*/ top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 吹き出し /*以下、①背景色など*/ .line-bc { padding: 20px 10px; max-width: 450px; margin: 15px auto; text-align: right; font-size: 14px; background: #7da4cd; } /*以下、②左側のコメント*/ .balloon6 { width: 100%; margin: 10px 0; overflow: hidden; } .balloon6 .faceicon { float: left; margin-right: -50px; width: 40px; } .balloon6 .faceicon img{ width: 100%; height: auto; border-radius: 50%; } .balloon6 .chatting { width: 100%; text-align: left; } .says { display: inline-block; position: relative; margin: 0 0 0 50px; padding: 10px; max-width: 250px; border-radius: 12px; background: #edf1ee; } .says:after { content: ""; display: inline-block; position: absolute; top: 3px; left: -19px; border: 8px solid transparent; border-right: 18px solid #edf1ee; -webkit-transform: rotate(35deg); transform: rotate(35deg); } .says p { margin: 0; padding: 0; } /*以下、③右側の緑コメント*/ .mycomment { margin: 10px 0; } .mycomment p { display: inline-block; position: relative; margin: 0 10px 0 0; padding: 8px; max-width: 250px; border-radius: 12px; background: #30e852; font-size: 15px: } .mycomment p:after { content: ""; position: absolute; top: 3px; right: -19px; border: 8px solid transparent; border-left: 18px solid #30e852; -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 吹き出し右 /*以下、②左側のコメント*/ .balloon7 { width: 100%; margin: 10px 0; overflow: hidden; } .balloon7 .faceicon { float: left; margin-right: -50px; width: 40px; } .balloon7 .faceicon img{ width: 100%; height: auto; border-radius: 50%; } .balloon7 .chatting { width: 100%; text-align: left; } .says { display: inline-block; position: relative; margin: 0 0 0 50px; padding: 10px; max-width: 250px; border-radius: 12px; background: #edf1ee; } .says:after { content: ""; display: inline-block; position: absolute; top: 3px; right: -19px; border: 8px solid transparent; border-right: 18px solid #edf1ee; -webkit-transform: rotate(35deg); transform: rotate(35deg); } .says p { margin: 0; padding: 0; } 右吹き出し .balloon2-right { position: relative; display: inline-block; margin: 1.5em 15px 1.5em 0; padding: 7px 10px; min-width: 120px; max-width: 100%; color: #555; font-size: 16px; background: #FFF; border: solid 3px #555; box-sizing: border-box; } .balloon2-right:before { content: ""; position: absolute; top: 50%; right: -24px; margin-top: -12px; border: 12px solid transparent; border-left: 12px solid #FFF; z-index: 2; } .balloon2-right:after { content: ""; position: absolute; top: 50%; right: -30px; margin-top: -14px; border: 14px solid transparent; border-left: 14px solid #555; z-index: 1; } .balloon2-right p { margin: 0; padding: 0; } ハプニングバー
☰
ファジー
ハプニングバーに関する記事一覧
2021/01/04
占い埼玉おすすめランキング
ハプニングバー
READ MORE
2021/01/02
占い神戸おすすめランキング
ハプニングバー
READ MORE
2020/12/30
京都　占いおすすめ比較ランキング
ハプニングバー
READ MORE
2020/10/15
爆乳（超乳）av女優おすすめ比較ランキング
ハプニングバー
READ MORE
2020/10/14
パイパンAV女優おすすめはこれだ
ハプニングバー
READ MORE
2020/07/27
av女優おすすめランキング
ハプニングバー
READ MORE
2020/06/22 (更新日: 2020/11/18)
カクテル言葉の意味とジャンル
ハプニングバー
READ MORE
2020/05/13 (更新日: 2020/10/31)
女性が本当に喜ぶクンニ方法。女性がイキまくるクンニのやり方
ハプニングバー
READ MORE
2020/03/04 (更新日: 2020/12/26)
ハプニングバー東京おすすめ人気ランキング。東京都内のハプバーの口コミと評判で事実を暴露
ハプニングバー
READ MORE
2020/01/28 (更新日: 2020/12/26)
ハプニングバー京都おすすめ人気ランキング。ハプバー京都の口コミと評判で事実を暴露
ハプニングバー
READ MORE
次のページ
HOME > 占い埼玉おすすめランキング
About me!
Portfolio
占い東京
セフレ作り方
