{"id":85,"date":"2024-01-02T13:13:23","date_gmt":"2024-01-02T13:13:23","guid":{"rendered":"http:\/\/labs.thecreatology.com\/squirrel\/?p=85"},"modified":"2024-01-02T13:13:23","modified_gmt":"2024-01-02T13:13:23","slug":"css-3-scale-transition-all-browser","status":"publish","type":"post","link":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html","title":{"rendered":"CSS 3 \u2013 Scale Transition &#8211; All Browser"},"content":{"rendered":"<h3>Description<\/h3>\n<p>With CSS 3 scale transition you can zoom-in and zoom-out animations without Flash or JS Support.<\/p>\n<h3>Effects<\/h3>\n<p>Below are two browser transition codes which will help you make amazing animation from CSS3:<\/p>\n<ul>\n<li>transform<\/li>\n<li>transform-origin<\/li>\n<\/ul>\n<h3>Usage<\/h3>\n<p><code>-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);<br \/>\n-webkit-transform-origin: top center;-moz-transform-origin: top center;-o-transform-origin: top center;transform-origin: top center;<br \/>\n<\/code><\/p>\n<h3>Demo<\/h3>\n<style><!-- .animate_joe{background:#333;overflow:hidden;width:150px;height:auto;color:#fff;padding:10px;transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;-o-transition:all 1s linear 0s;-moz-transition:all 1s linear 0s;} .animate_joe:hover{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);-webkit-transform-origin: top center;-moz-transform-origin: top center;-o-transform-origin: top center;transform-origin: top center;} --><\/style>\n<div class=\"animate_joe\">Mouse Over to Scale<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description With CSS 3 scale transition you can zoom-in and zoom-out animations without Flash or JS Support. Effects Below are two browser transition codes which will help you make amazing animation from CSS3: transform transform-origin Usage -webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);transform:.<\/p>\n","protected":false},"author":1,"featured_media":313,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_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}},"categories":[5],"tags":[],"class_list":["post-85","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CSS 3 \u2013 Scale Transition - All Browser - Squirrel Framework<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS 3 \u2013 Scale Transition - All Browser - Squirrel Framework\" \/>\n<meta property=\"og:description\" content=\"Description With CSS 3 scale transition you can zoom-in and zoom-out animations without Flash or JS Support. Effects Below are two browser transition codes which will help you make amazing animation from CSS3: transform transform-origin Usage -webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);transform:.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html\" \/>\n<meta property=\"og:site_name\" content=\"Squirrel Framework\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-02T13:13:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aky Joe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aky Joe\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-3-scale-transition-all-browser.html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-3-scale-transition-all-browser.html\"},\"author\":{\"name\":\"Aky Joe\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/#\\\/schema\\\/person\\\/6f8cdd40881eed27afad57461470db42\"},\"headline\":\"CSS 3 \u2013 Scale Transition &#8211; All Browser\",\"datePublished\":\"2024-01-02T13:13:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-3-scale-transition-all-browser.html\"},\"wordCount\":46,\"image\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-3-scale-transition-all-browser.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/wp-content\\\/uploads\\\/2012\\\/12\\\/Squirrel-CSS-HTML-Workaround.jpg\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-3-scale-transition-all-browser.html\",\"url\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-3-scale-transition-all-browser.html\",\"name\":\"CSS 3 \u2013 Scale Transition - All Browser - Squirrel Framework\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-3-scale-transition-all-browser.html#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-3-scale-transition-all-browser.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/wp-content\\\/uploads\\\/2012\\\/12\\\/Squirrel-CSS-HTML-Workaround.jpg\",\"datePublished\":\"2024-01-02T13:13:23+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/#\\\/schema\\\/person\\\/6f8cdd40881eed27afad57461470db42\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-3-scale-transition-all-browser.html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-3-scale-transition-all-browser.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-3-scale-transition-all-browser.html#primaryimage\",\"url\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/wp-content\\\/uploads\\\/2012\\\/12\\\/Squirrel-CSS-HTML-Workaround.jpg\",\"contentUrl\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/wp-content\\\/uploads\\\/2012\\\/12\\\/Squirrel-CSS-HTML-Workaround.jpg\",\"width\":960,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-3-scale-transition-all-browser.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS 3 \u2013 Scale Transition &#8211; All Browser\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/#website\",\"url\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/\",\"name\":\"Squirrel Framework\",\"description\":\"A Swift-n-Independent Framework with Natural Customizations\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/#\\\/schema\\\/person\\\/6f8cdd40881eed27afad57461470db42\",\"name\":\"Aky Joe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b5ad6691e023e5df9dfdb015687ce234ff8950e6cb09b9d8a404eb70f0921476?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b5ad6691e023e5df9dfdb015687ce234ff8950e6cb09b9d8a404eb70f0921476?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b5ad6691e023e5df9dfdb015687ce234ff8950e6cb09b9d8a404eb70f0921476?s=96&d=mm&r=g\",\"caption\":\"Aky Joe\"},\"description\":\"Aky, an engineer who rides 350cc Bull-Bike, Plays Guitar and Design Cool Websites.\",\"sameAs\":[\"http:\\\/\\\/about.me\\\/akyjoe\"],\"url\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/author\\\/aky\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS 3 \u2013 Scale Transition - All Browser - Squirrel Framework","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html","og_locale":"en_US","og_type":"article","og_title":"CSS 3 \u2013 Scale Transition - All Browser - Squirrel Framework","og_description":"Description With CSS 3 scale transition you can zoom-in and zoom-out animations without Flash or JS Support. Effects Below are two browser transition codes which will help you make amazing animation from CSS3: transform transform-origin Usage -webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);transform:.","og_url":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html","og_site_name":"Squirrel Framework","article_published_time":"2024-01-02T13:13:23+00:00","og_image":[{"width":960,"height":500,"url":"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg","type":"image\/jpeg"}],"author":"Aky Joe","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Aky Joe"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html#article","isPartOf":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html"},"author":{"name":"Aky Joe","@id":"https:\/\/labs.thecreatology.com\/squirrel\/#\/schema\/person\/6f8cdd40881eed27afad57461470db42"},"headline":"CSS 3 \u2013 Scale Transition &#8211; All Browser","datePublished":"2024-01-02T13:13:23+00:00","mainEntityOfPage":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html"},"wordCount":46,"image":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html#primaryimage"},"thumbnailUrl":"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg","articleSection":["CSS"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html","url":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html","name":"CSS 3 \u2013 Scale Transition - All Browser - Squirrel Framework","isPartOf":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/#website"},"primaryImageOfPage":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html#primaryimage"},"image":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html#primaryimage"},"thumbnailUrl":"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg","datePublished":"2024-01-02T13:13:23+00:00","author":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/#\/schema\/person\/6f8cdd40881eed27afad57461470db42"},"breadcrumb":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html#primaryimage","url":"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg","contentUrl":"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg","width":960,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/labs.thecreatology.com\/squirrel"},{"@type":"ListItem","position":2,"name":"CSS 3 \u2013 Scale Transition &#8211; All Browser"}]},{"@type":"WebSite","@id":"https:\/\/labs.thecreatology.com\/squirrel\/#website","url":"https:\/\/labs.thecreatology.com\/squirrel\/","name":"Squirrel Framework","description":"A Swift-n-Independent Framework with Natural Customizations","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/labs.thecreatology.com\/squirrel\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/labs.thecreatology.com\/squirrel\/#\/schema\/person\/6f8cdd40881eed27afad57461470db42","name":"Aky Joe","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b5ad6691e023e5df9dfdb015687ce234ff8950e6cb09b9d8a404eb70f0921476?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b5ad6691e023e5df9dfdb015687ce234ff8950e6cb09b9d8a404eb70f0921476?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b5ad6691e023e5df9dfdb015687ce234ff8950e6cb09b9d8a404eb70f0921476?s=96&d=mm&r=g","caption":"Aky Joe"},"description":"Aky, an engineer who rides 350cc Bull-Bike, Plays Guitar and Design Cool Websites.","sameAs":["http:\/\/about.me\/akyjoe"],"url":"https:\/\/labs.thecreatology.com\/squirrel\/author\/aky"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg","jetpack_shortlink":"https:\/\/wp.me\/p2FaOS-1n","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":90,"url":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-rotation-transform-all-browser.html","url_meta":{"origin":85,"position":0},"title":"CSS 3 \u2013 Rotation Transform \u2013 All Browser","author":"Aky Joe","date":"January 2, 2024","format":false,"excerpt":"Description With CSS 3 rotate transition you can rotate elements around its axis and create animations without Flash or JS Support. Effects Below is a browser transition code which will help you make amazing animation from CSS3: rotate skewx (mozilla only) translatex (mozilla only) Usage -moz-transform:rotate(120deg);-moz-transform:skewx(25deg) translatex(150px);-webkit-transform:rotate(120deg);-o-transform:rotate(120deg);-ms-transform:rotate(120deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); Demo Mouse Over\u2026","rel":"","context":"In &quot;CSS&quot;","block_context":{"text":"CSS","link":"https:\/\/labs.thecreatology.com\/squirrel\/category\/css"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":36,"url":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-transitions-and-effects.html","url_meta":{"origin":85,"position":1},"title":"CSS 3 &#8211; Transitions and Effects","author":"Aky Joe","date":"January 2, 2024","format":false,"excerpt":"Description With CSS 3 transition you can make some cool animations without Flash or JS Support. Effects Below are list of effects: Linear Ease Ease-in Ease-out Ease-in-out Cubic-bezier(n,n,n,n) Usage transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;-o-transition:all 1s linear 0s;-moz-transition:all 1s linear 0s; Demo Mouse Over to see hidden parts. I\u2026","rel":"","context":"In &quot;CSS&quot;","block_context":{"text":"CSS","link":"https:\/\/labs.thecreatology.com\/squirrel\/category\/css"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":47,"url":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html","url_meta":{"origin":85,"position":2},"title":"CSS 2 &#8211; Opacity &#8211; All browsers","author":"Aky Joe","date":"January 2, 2024","format":false,"excerpt":"Description With CSS 2 opacity you can make any element transparent or translucent without JS or Flash support. Usage opacity: .5; filter: alpha(opacity=50);-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\"; Demo No Opacity 100% Black Opacity 60% Black Opacity 30% Black Opacity 10% Black","rel":"","context":"In &quot;CSS&quot;","block_context":{"text":"CSS","link":"https:\/\/labs.thecreatology.com\/squirrel\/category\/css"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":178,"url":"https:\/\/labs.thecreatology.com\/squirrel\/squirrel-1-0-8-update-bootstrap-3-ready-use-css-javascript-optimization.html","url_meta":{"origin":85,"position":3},"title":"Squirrel 1.0.8 Update Bootstrap 3 Ready to Use, CSS &#038; JavaScript Optimization","author":"Aky Joe","date":"January 2, 2024","format":false,"excerpt":"Latest update Squirrel 1.0.8 integrates Twitter Bootstrap, for ready-to-use customization. The Bootstrap option is located in Squirrel Options >Include Scripts which is dependent on jQuery. \u00a0 Not only that, Squirrel is supercharged to Combine and Minify all your customized CSS and JavaScripts. As we know that Google is working hard\u2026","rel":"","context":"In &quot;Updates&quot;","block_context":{"text":"Updates","link":"https:\/\/labs.thecreatology.com\/squirrel\/category\/updates"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2016\/05\/thecreatology-bootstrap-enabled.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2016\/05\/thecreatology-bootstrap-enabled.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2016\/05\/thecreatology-bootstrap-enabled.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2016\/05\/thecreatology-bootstrap-enabled.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":139,"url":"https:\/\/labs.thecreatology.com\/squirrel\/__trashed.html","url_meta":{"origin":85,"position":4},"title":"Use CSS Selectors to Enhance User Interface without JavaScript","author":"Aky Joe","date":"January 2, 2024","format":false,"excerpt":"1. a[href^=\"http\"] This selector will style any link with a href attribute starting with \u2018http\u2019. This can be useful for styling external links to make it clear that users are being redirected away from your website, or for doing fancy things like adding a padlock icon to any links that\u2026","rel":"","context":"In &quot;CSS&quot;","block_context":{"text":"CSS","link":"https:\/\/labs.thecreatology.com\/squirrel\/category\/css"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":20,"url":"https:\/\/labs.thecreatology.com\/squirrel\/squirrel-1-0-6-new-teaser-layouts-pagination-fixes.html","url_meta":{"origin":85,"position":5},"title":"Squirrel 1.0.6 New Teaser Layouts, Pagination &#038; Fixes","author":"Aky Joe","date":"January 2, 2024","format":false,"excerpt":"If you are looking for different blog layout options, then Squirrel 1.0.6 version does it all easily. The new teaser layouts, Full Content Mode, Excerpt Mode and Magazine Style Grid layout introduced can be selected under Teaser Style Widget in\u00a0Squirrel Site Options. Wasn't that easy? Change your blog layout and\u2026","rel":"","context":"In &quot;Updates&quot;","block_context":{"text":"Updates","link":"https:\/\/labs.thecreatology.com\/squirrel\/category\/updates"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/08\/TheCreatology-Launch-Squirrel-Framework-.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/08\/TheCreatology-Launch-Squirrel-Framework-.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/08\/TheCreatology-Launch-Squirrel-Framework-.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/08\/TheCreatology-Launch-Squirrel-Framework-.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]}],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/posts\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":2,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/posts\/85\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/posts\/85\/revisions\/315"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/media\/313"}],"wp:attachment":[{"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/categories?post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/tags?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}