{"id":19137,"date":"2014-01-08T11:32:54","date_gmt":"2014-01-08T09:32:54","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=19137"},"modified":"2014-01-08T11:32:54","modified_gmt":"2014-01-08T09:32:54","slug":"hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/","title":{"rendered":"Hover.css &#8211; a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><a href=\"http:\/\/ianlunn.github.io\/Hover\/\">Hover.css &#8211; a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images<\/a><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>Hover.css &#8211; a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false,"_links_to":"","_links_to_target":""},"categories":[1,62,1334],"tags":[1517,1158,1157,1330],"keyring_services":[],"class_list":["post-19137","post","type-post","status-publish","format-link","hentry","category-general","category-technology","category-web-work","tag-css","tag-user-interfaces","tag-web-design","tag-web-development","post_format-post-format-link"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Hover.css - a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Leonid Mamchenkov\"\/>\n\t<meta name=\"google-site-verification\" content=\"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Leonid Mamchenkov - Life, universe, and everything else\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Hover.css \u2013 a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images - Leonid Mamchenkov\" \/>\n\t\t<meta property=\"og:description\" content=\"Hover.css - a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2014-01-08T09:32:54+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2014-01-08T09:32:54+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MamchenkovBlog\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Hover.css \u2013 a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images - Leonid Mamchenkov\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Hover.css - a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/01\\\/08\\\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\\\/#blogposting\",\"name\":\"Hover.css \\u2013 a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images - Leonid Mamchenkov\",\"headline\":\"Hover.css &#8211; a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images\",\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/01\\\/08\\\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\\\/#articleImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"},\"datePublished\":\"2014-01-08T11:32:54+02:00\",\"dateModified\":\"2014-01-08T11:32:54+02:00\",\"inLanguage\":\"en-US\",\"commentCount\":3,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/01\\\/08\\\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/01\\\/08\\\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\\\/#webpage\"},\"articleSection\":\"All, Technology, Web work, CSS, user interfaces, web design, web development, Link\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/01\\\/08\\\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"position\":2,\"name\":\"Technology\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/#listItem\",\"name\":\"Web work\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/#listItem\",\"position\":3,\"name\":\"Web work\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/01\\\/08\\\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\\\/#listItem\",\"name\":\"Hover.css &#8211; a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/01\\\/08\\\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\\\/#listItem\",\"position\":4,\"name\":\"Hover.css &#8211; a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/#listItem\",\"name\":\"Web work\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/01\\\/08\\\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\\\/#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/01\\\/08\\\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/01\\\/08\\\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\\\/#webpage\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/01\\\/08\\\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\\\/\",\"name\":\"Hover.css \\u2013 a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images - Leonid Mamchenkov\",\"description\":\"Hover.css - a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2014\\\/01\\\/08\\\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"datePublished\":\"2014-01-08T11:32:54+02:00\",\"dateModified\":\"2014-01-08T11:32:54+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/\",\"name\":\"Blog of Leonid Mamchenkov\",\"description\":\"Life, universe, and everything else\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Hover.css \u2013 a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images - Leonid Mamchenkov","description":"Hover.css - a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images","canonical_url":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/#blogposting","name":"Hover.css \u2013 a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images - Leonid Mamchenkov","headline":"Hover.css &#8211; a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images","author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"},"image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/#articleImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"},"datePublished":"2014-01-08T11:32:54+02:00","dateModified":"2014-01-08T11:32:54+02:00","inLanguage":"en-US","commentCount":3,"mainEntityOfPage":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/#webpage"},"isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/#webpage"},"articleSection":"All, Technology, Web work, CSS, user interfaces, web design, web development, Link"},{"@type":"BreadcrumbList","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","position":1,"name":"Home","item":"https:\/\/mamchenkov.net\/wordpress","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","position":2,"name":"Technology","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/#listItem","name":"Web work"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/#listItem","position":3,"name":"Web work","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/#listItem","name":"Hover.css &#8211; a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/#listItem","position":4,"name":"Hover.css &#8211; a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images","previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/#listItem","name":"Web work"}}]},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/#person","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author","url":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"WebPage","@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/#webpage","url":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/","name":"Hover.css \u2013 a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images - Leonid Mamchenkov","description":"Hover.css - a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#website"},"breadcrumb":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/#breadcrumblist"},"author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"creator":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"datePublished":"2014-01-08T11:32:54+02:00","dateModified":"2014-01-08T11:32:54+02:00"},{"@type":"WebSite","@id":"https:\/\/mamchenkov.net\/wordpress\/#website","url":"https:\/\/mamchenkov.net\/wordpress\/","name":"Blog of Leonid Mamchenkov","description":"Life, universe, and everything else","inLanguage":"en-US","publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"}}]},"og:locale":"en_US","og:site_name":"Leonid Mamchenkov - Life, universe, and everything else","og:type":"article","og:title":"Hover.css \u2013 a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images - Leonid Mamchenkov","og:description":"Hover.css - a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images","og:url":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/","og:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:secure_url":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:width":1024,"og:image:height":1024,"article:published_time":"2014-01-08T09:32:54+00:00","article:modified_time":"2014-01-08T09:32:54+00:00","article:publisher":"https:\/\/www.facebook.com\/MamchenkovBlog","twitter:card":"summary_large_image","twitter:site":"@mamchenkov","twitter:title":"Hover.css \u2013 a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images - Leonid Mamchenkov","twitter:description":"Hover.css - a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images","twitter:creator":"@mamchenkov","twitter:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg"},"aioseo_meta_data":{"post_id":"19137","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-07-19 10:35:17","updated":"2026-01-15 10:00:08","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/\" title=\"Technology\">Technology<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/\" title=\"Web work\">Web work<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHover.css \u2013 a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/mamchenkov.net\/wordpress"},{"label":"Technology","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/"},{"label":"Web work","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/"},{"label":"Hover.css &#8211; a collection of CSS3 powered hover effects for call to actions, buttons, logos, and featured images","link":"https:\/\/mamchenkov.net\/wordpress\/2014\/01\/08\/hover-css-a-collection-of-css3-powered-hover-effects-for-call-to-actions-buttons-logos-and-featured-images\/"}],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":23315,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/01\/14\/hover-css-collection-of-css3-powered-hover-effects\/","url_meta":{"origin":19137,"position":0},"title":"Hover.css &#8211; collection of CSS3 powered hover effects","author":"Leonid Mamchenkov","date":"January 14, 2015","format":"link","excerpt":"Hover.css - collection of CSS3 powered hover effects","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":21997,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/06\/17\/bounce-js-css3-powered-animations\/","url_meta":{"origin":19137,"position":1},"title":"bounce.js &#8211; CSS3-powered animations","author":"Leonid Mamchenkov","date":"June 17, 2014","format":"link","excerpt":"bounce.js - CSS3-powered animations","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":22412,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/08\/20\/modernizr-avascript-library-that-detects-html5-and-css3-features-in-the-browser\/","url_meta":{"origin":19137,"position":2},"title":"Modernizr &#8211; JavaScript library that detects HTML5 and CSS3 features in the browser","author":"Leonid Mamchenkov","date":"August 20, 2014","format":"link","excerpt":"Modernizr - JavaScript library that detects HTML5 and CSS3 features in the browser.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":22441,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/08\/29\/timesheet-js-javascript-library-for-simple-html5-css3-time-sheets\/","url_meta":{"origin":19137,"position":3},"title":"Timesheet.js &#8211; JavaScript library for simple HTML5 &#038; CSS3 time sheets","author":"Leonid Mamchenkov","date":"August 29, 2014","format":"link","excerpt":"Timesheet.js - JavaScript library for simple HTML5 & CSS3 time sheets.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"timesheet.js","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/08\/timesheet.js-500x206.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":28880,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/10\/23\/having-fun-with-link-hover-effects\/","url_meta":{"origin":19137,"position":4},"title":"Having fun with link hover effects","author":"Leonid Mamchenkov","date":"October 23, 2018","format":false,"excerpt":"Any web developer knows how to apply CSS rules to style web page elements.\u00a0 Including links.\u00a0 Including hover effects (on mouse over).\u00a0 But I think most have never went far enough to explore the limits of this styling.\u00a0 \"Having fun with link hover effects\" goes exactly there, with some really\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/10\/css-500x278.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":18820,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/11\/20\/high-resolution-browser-logos\/","url_meta":{"origin":19137,"position":5},"title":"High resolution browser logos","author":"Leonid Mamchenkov","date":"November 20, 2013","format":false,"excerpt":"GitHub Explore daily email brought in this awesome repo today. \u00a0It's a collection of high resolution web browser logos with transparent backgrounds. \u00a0 It's not just the five or six major browsers. \u00a0The collection covers more than 50 (!!!) different browsers, with different logos for different versions. \u00a0This is one\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"browser logos","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2013\/11\/browser-logos-500x215.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/19137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=19137"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/19137\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=19137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=19137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=19137"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=19137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}