随笔分类 - CSS3
摘要：Degrees and TurnsDegrees are just one value that can be set to a rotate transform to determine how much rotation should be applied. Fill in the blank ...
阅读全文
摘要：.btn { background-color: #00A0D6; color: #FFF; transition: all 0.4s;}.btn:active,.btn:focus,.btn:hover { background-color: #007DA7; color: #E3E3E...
阅读全文
摘要：Dropdown Arrow ClassIn order to create a down arrow like this:, what class should we apply to the element?Answer: caretOpening DropdownsThe Bootstrap ...
阅读全文
摘要：QuickReader Report Toggle Navigation ...
阅读全文
摘要：Using Bootstrap JavaScript PluginsIf we want to add behavior to our website, which of the following will NOT work?Updating our HTML withdataattributes...
阅读全文
摘要：Too Much Navigation?How many of Bootstrap's Navigation Components can we use on a page?01More than 1Navigation Homepage LinkThe very top left of our p...
阅读全文
摘要：Element IdentificationThere are a number of classes in Bootstrap that help add prominence to a page by adding a background color and a rounded border ...
阅读全文
摘要：What is TypographyWhen we talk about typography, it's a big subject! Which of the following fall under the umbrella of typography?Choosing a font face...
阅读全文
摘要：Grid Size For .col-mdWe started designing our site using thecol-md-*classes. These classes target what screen size?PhonesTabletsLaptopsDesktopsGrid Si...
阅读全文
摘要：Usually when desgin a web page, we think building the page in grid.Bootstrap can help us to do that.It divides the page into 12 cols. In the picture, ...
阅读全文
摘要：Container: 居中 Blasting Off With Bootstrap The Fastest Way to Space Make your way to space in the comfort of your own ro...
阅读全文
摘要：TimelineLite is a piece of the Greensock TweenMax library that provides the ability to create sequenced animation with very little code or setup.Key v...
阅读全文
摘要：Hello Greensock! TweenMax.staggerTo() The start times of each animation are staggered by 0.5 seconds ...
阅读全文
摘要：/* We're using CSS transitions for when the enter and move events are triggered for the element that has the .repeated-item class*/.repeated-item....
阅读全文
摘要：Egghead Videos Toggle AnimationSomecontentherevar app = angular.module("app", ["ngAnimate"]);app.controller("AppCtrl", func...
阅读全文
摘要：#self aside li{ list-style-type: none;padding:5px;border-bottom: 1px solid #ccc;} #self aside li:last-child{border:0;} To remove last li's border;
阅读全文
摘要：.sidebar a { display: block; line-height: 40px;}.sidebar .featured,.sidebar .sales { background: url(sidebar.png) no-repeat; padding-left: 50px;}....
阅读全文
摘要：Refactor the spacing between <header>, <article>, and <aside> so that elements will have a 20px margin above and below, regardless of their order on t
阅读全文
摘要：Refactor theparagraphproperties to use shorthand syntax.p { margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; font-family: tah...
阅读全文
