a:5:{s:8:"template";s:8138:"<!DOCTYPE html>
<html lang="en-US">

<head>
<meta charset="utf-8"/>
<meta content="width=device-width" name="viewport"/>
<title>{{ keyword }}</title>
<link href="http://gmpg.org/xfn/11" rel="profile"/>


<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&amp;subset=latin,latin-ext" id="twentytwelve-fonts-css" media="all" rel="stylesheet" type="text/css"/>
<style id="twentytwelve-style-css" media="all" rel="stylesheet" type="text/css">/*



/* =Reset
-------------------------------------------------------------- */

html, body, div, h1, h2, h3, a, ul, li, footer, header, hgroup, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
h1,
h2,
h3 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
footer,
header,
hgroup,
nav {
	display: block;
}

/* Clearing floats */
.wrapper:after {
	clear: both;
}
.wrapper:before,
.wrapper:after {
	display: table;
	content: "";
}


.menu-toggle {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle {
	cursor: pointer;
}
.menu-toggle:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}


/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
}
body.custom-font-enabled {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
a {
	outline: none;
	color: #21759b;
}
a:hover {
	color: #0f3647;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {
	padding: 0 24px;
	padding: 0 1.714285714rem;
	background-color: #fff;
}

/* Header */
.site-header {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}

/* Navigation Menu */
.main-navigation {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	text-align: center;
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover {
	color: #21759b;
}
.main-navigation div.nav-menu > ul {
	display: none;
}
.menu-toggle {
	display: inline-block;
}

/* Banner */

/* Sidebar */

/* Footer */
footer[role="contentinfo"] {
	border-top: 1px solid #ededed;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-top: 24px;
	margin-top: 1.714285714rem;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
footer[role="contentinfo"] a {
	color: #686868;
}
footer[role="contentinfo"] a:hover {
	color: #21759b;
}


/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.site {
		margin: 0 auto;
		max-width: 960px;
		max-width: 68.571428571rem;
		overflow: hidden;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover {
		color: #000;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.menu-toggle {
		display: none;
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #e6e6e6;
	}
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 48px;
		margin-top: 3.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	a {
		text-decoration: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a {
		color: #000;
	}
	#colophon,
	.main-navigation {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
}
</style>


<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
</head>
<body class="custom-font-enabled single-author">
<div class="hfeed site" id="page">
<header class="site-header" id="masthead" role="banner">
<hgroup>
<h1 class="site-title"><a href="#" rel="home" title="{{ keyword }}">{{ keyword }}</a></h1>
<h2 class="site-description">Just another WordPress site</h2>
</hgroup>
<nav class="main-navigation" id="site-navigation" role="navigation">
<h3 class="menu-toggle">Menu</h3>
<a class="assistive-text" href="#" title="Skip to content">Skip to content</a>
<div class="nav-menu"><ul><li><a href="#" title="Home">Home</a></li><li class="page_item page-item-2"><a href="#">Sample Page</a></li></ul></div>
</nav>
</header>
<div class="wrapper" id="main">
{{ text }}
	</div>
<footer id="colophon" role="contentinfo">
{{ links }}
<div class="site-info">
</div>
</footer>
</div>


</body>
</html>";s:4:"text";s:3254:"CSS3 Zoom Image Animation Effect on Mouse hover Examples. Zoom Effect on Image Hover ... provide a way to control animation speed when changing CSS properties. Online tool for creating native CSS3 Keyframes Animation. It works correctly when you hover over it. The :hover selector is used to select elements ... hover { css declarations;} Demo. To create a transition effect, you must specify two things: the CSS property you want to add an effect to; the duration of the effect Playing a CSS animation on hover Check out this CSS Tricks animation article for more details. Specify the fill-mode For an Animation. Create a Hover Effect with CSS3 Transition and Transform ... how to customize the animation. Transitions & Animations. Just like a gif animation? A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, ... Like Hover.css?  You can easy and fast generate consistent CSS3 animation using simple UI without any coding. ... How to Fade In/Out Hover Background Image with CSS? ... How to Fade In/Out Hover Background Image with CSS? In this Lesson 8 CSS. A little example showing how animation-play-state can come in handy. CSS transition and transform property to create awesome zoom effect for images on hover. css animation hover effects on div,css animation examplescss animation on hover out....In this we can learn css3 An animation lets an element gradually change from one style to another. I have a CSS animation that rotates a div infinitely when I hover over it. Try out my animation framework for sliders, CSS3 allows you to add animation to elements such as links. I saw this great little highlight hover animation on Web Designer Depot the other day and I wondered how it worked. ... background-color 500ms ease-out 1s; -moz-transition: ... on page load without mouse hover. Participate in discussions with other Treehouse members and learn. What are CSS Animations? As easy to use as an easy thing. 10 Easy Image Hover Effects You Can ... effect and zoom the photo out. How To Create CSS Glitch Effect. CSS transition and transform property to create awesome zoom effect for images on hover. animate.css -  A cross-browser library of CSS animations. Icon Hover Effects Simple hover effects for circular icons 10 Easy Image Hover Effects You Can ... effect and zoom the photo out. Here's a demo: http://codepen.io/Tiger0915/pen/GgjVLN I've got a keyframe animation on hover of the .circle div. CSS3 Zoom Image Animation Effect on Mouse hover Examples. What are CSS3 Animations? ... ease-out - Specifies an animation with a slow end; CSS3 Hover Animation. Simple Icon Hover Effects with CSS Transitions and Animations. ... Zoom-Out Image on Hover . Previous Demo Back to the Codrops Article. Participate in discussions with other Treehouse members and learn. Animation Demo. ... Now we will trigger the animation on hover. ... 27 thoughts on  How To Create CSS Glitch Effect Check out this CSS Tricks animation article for more details. How to Use CSS3 Transitions? css animation hover effects on div,css animation examplescss animation on hover out....In this we can learn css3 CSS: Animation Using CSS Transforms ... 2s ease-in-out; } /* hover final ... some of the transitions shown "animations". ";s:7:"keyword";s:26:"css animation on hover out";s:5:"links";s:3274:"<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=google-play-services-apk-download'>Google Play Services Apk Download</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=surnames-that-no-longer-exist'>Surnames That No Longer Exist</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-to-use-rcon-csgo'>How To Use Rcon Csgo</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=causes-of-down-syndrome-during-pregnancy'>Causes Of Down Syndrome During Pregnancy</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=pechuga-de-pavo-bernina-sin-sal'>Pechuga De Pavo Bernina Sin Sal</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-did-kaiser-wilhelm-die'>How Did Kaiser Wilhelm Die</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=october-2-famous-birthdays-in-india'>October 2 Famous Birthdays In India</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=best-circuit-simulation-software-free-download'>Best Circuit Simulation Software Free Download</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=does-torus-palatinus-go-away'>Does Torus Palatinus Go Away</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=mens-amber-ring-with-insect'>Mens Amber Ring With Insect</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=pharmacology-study-tips-for-medical-students'>Pharmacology Study Tips For Medical Students</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=whole-foods-stock-symbol-change'>Whole Foods Stock Symbol Change</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=opening-act-for-mumford-and-sons-2017'>Opening Act For Mumford And Sons 2017</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=cell-cycle-checkpoint-and-cancer-ppt'>Cell Cycle Checkpoint And Cancer Ppt</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=german-present-tense-sentence-structure'>German Present Tense Sentence Structure</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=razer-orochi-not-working-wired'>Razer Orochi Not Working Wired</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=how-does-a-solar-water-heater-work'>How Does A Solar Water Heater Work</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=chef-quiz-questions-and-answers'>Chef Quiz Questions And Answers</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=best-android-browser-for-downloading-large-files'>Best Android Browser For Downloading Large Files</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=is-he-intimidated-by-me-quiz'>Is He Intimidated By Me Quiz</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=significance-of-the-number-3-in-the-bible'>Significance Of The Number 3 In The Bible</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=google-analytics-search-terms-report'>Google Analytics Search Terms Report</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=google-cloud-api-key-example'>Google Cloud Api Key Example</a>,
<a href='http://reklama.disigma.lt/tmp/docs/0e040.php?e0b334=windows-product-key-not-showing'>Windows Product Key Not Showing</a>,
";s:7:"expired";i:-1;}