Another button list with css3 transitions
A Pen by Craig England on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*简洁版*/ | |
| .clearfix:before, .clearfix:after { | |
| content:""; | |
| display:table; | |
| } | |
| .clearfix:after{ | |
| clear:both; | |
| overflow:hidden; | |
| } | |
| .clearfix{ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .mod_pics .pic_list .pic:hover .shadow{ | |
| -webkit-animation:flipInX .6s .1s ease both; | |
| -moz-animation:flipInX .8s .1s ease both;} | |
| @-webkit-keyframes flipInX{ | |
| 0%{-webkit-transform:perspective(400px) rotateX(90deg); | |
| opacity:0} | |
| 40%{-webkit-transform:perspective(400px) rotateX(-10deg)} | |
| 70%{-webkit-transform:perspective(400px) rotateX(10deg)} | |
| 100%{-webkit-transform:perspective(400px) rotateX(0deg); | |
| opacity:1} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 移动设备的尺寸 | |
| ipod touch 4/iphone4/iphone4s | |
| 竖屏 | |
| width/height 320/356 | |
| 横屏 | |
| width/height 480/208 | |
| iphone5 |
QETHAN
/ rails form
Created
June 15, 2014 07:28
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="row-fluid"> | |
| <div class="span4 well"> | |
| <%= form_for @member, :html => {:class => "form-horizontal"} do |m| %> | |
| <fieldset> | |
| <legend>Member Form</legend> | |
| <div class="control-group"> | |
| <%= m.label :title, :class => "control-label" %> | |
| <div class="controls"> | |
| <%= m.text_field :title, :class => "input-xlarge" %> | |
| </div> |
QETHAN
/ ruby Gem 安装报错：HTTP Response 302
Created
June 10, 2014 03:58
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ERROR: While executing gem ... (Gem::RemoteSourceException) | |
| HTTP Response 302 | |
| 据说这是因为gem版本太低了导致无法更新。 | |
| 从网上查到更新gem代码，执行后还是报错。 | |
| C:\ruby>gem update --system | |
| Updating RubyGems... | |
| ERROR: While executing gem ... (Gem::RemoteSourceException) | |
| HTTP Response 302 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!--[if lt IE 9]> | |
| <script src="http://html5shiv-printshiv.googlecode.com/svn/trunk/html5shiv-printshiv.js"></script> | |
| <![endif]--> | |
| <section class="content"> | |
| <header> | |
| <h1 class="page-title">pressable buttons</h1> | |
| </header> | |
| <a class="button" href="#">a</a> | |
| <button class="button" type="button">button</button> |
QETHAN
/ 3D-Download-Button-w--Meter-Progress.markdown
Created
May 5, 2014 03:37
A Pen by Terence Devine.