Skip to content

Instantly share code, notes, and snippets.

@k111
k111 / new_gist_file
Created May 8, 2013 14:57
3D Button in CSS3
.button {
display: inline-block;
text-decoration: none;
color: #fff;
font-weight: bold;
background-color: #538fbe;
padding: 20px 70px;
font-size: 24px;
border: 1px solid #2d6898;
background-image: linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
@k111
k111 / new_gist_file
Created May 8, 2013 14:16
ラジオボタンカスタマイズ
input[type="radio"] {
position: relative;
-webkit-appearance: button;
appearance: button;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 24px;
height: 24px;
content: "";
background-color: #FFFFFF;
@k111
k111 / LINE send
Created March 28, 2013 16:34
LINEへ送る
<a href="http://line.naver.jp/R/msg/text/?LINE%E3%81%A7%E9%80%81%E3%82%8B%0D%0Ahttp%3A%2F%2Fline.naver.jp%2F" target="_blank"><img src="[ボタン画像のURL]" width="[ボタン幅]" height="[ボタン高さ]" alt="LINEで送る" /></a>
<input type=”text” pattern=”[0-9]*”>
background-color: #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#000');
background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#000));
/*
Google Chrome 4.0~9.0
Safari 4.0~5.0
iOS Safari 4.0.4~5.0 (iOS 3.2~4.2.1)
Android 2.1~3.0 */
background-image: -webkit-linear-gradient(top, #bbb, #000);
/*