[26-Feb-2026 00:31:13 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[26-Feb-2026 00:31:13 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[26-Feb-2026 00:31:13 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 07:45:51 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 07:45:51 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 07:45:51 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 18:48:26 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 18:48:26 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 18:48:26 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[06-Mar-2026 13:14:53 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[06-Mar-2026 13:14:53 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[06-Mar-2026 13:14:53 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[08-Mar-2026 11:47:41 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[08-Mar-2026 11:47:41 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[08-Mar-2026 11:47:41 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:48 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:48 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:48 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:53 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:53 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:53 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[27-Mar-2026 14:07:52 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[27-Mar-2026 14:07:52 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[27-Mar-2026 14:07:52 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[29-Mar-2026 10:21:48 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[29-Mar-2026 10:21:48 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[29-Mar-2026 10:21:48 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
<!DOCTYPE html>
<html amp lang="en-US" data-amp-auto-lightbox-disable transformed="self;v=1" i-amphtml-layout="" i-amphtml-no-boilerplate="">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no"><link rel="preconnect" href="https://cdn.ampproject.org"><style amp-runtime="" i-amphtml-version="012603032146000">html{overflow-x:hidden!important}html.i-amphtml-fie{height:100%!important;width:100%!important}html:not([amp4ads]),html:not([amp4ads]) body{height:auto!important}html:not([amp4ads]) body{margin:0!important}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}html.i-amphtml-fie>body,html.i-amphtml-singledoc>body{overflow:visible!important}html.i-amphtml-fie:not(.i-amphtml-inabox)>body,html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body{position:relative!important}html.i-amphtml-ios-embed-legacy>body{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important}html.i-amphtml-ios-embed{overflow-y:auto!important;position:static}#i-amphtml-wrapper{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;display:block!important}html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling:touch!important}#i-amphtml-wrapper>body{position:relative!important;border-top:1px solid transparent!important}#i-amphtml-wrapper+body{visibility:visible}#i-amphtml-wrapper+body .i-amphtml-lightbox-element,#i-amphtml-wrapper+body[i-amphtml-lightbox]{visibility:hidden}#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element{visibility:visible}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}amp-instagram{padding:54px 0px 0px!important;background-color:#fff}amp-iframe iframe{box-sizing:border-box!important}[amp-access][amp-access-hide]{display:none}[subscriptions-dialog],body:not(.i-amphtml-subs-ready) [subscriptions-action],body:not(.i-amphtml-subs-ready) [subscriptions-section]{display:none!important}amp-experiment,amp-live-list>[update]{display:none}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list [fetch-error],amp-list[load-more] [load-more-button],amp-list[load-more] [load-more-end],amp-list[load-more] [load-more-failed],amp-list[load-more] [load-more-loading]{display:none}amp-list[diffable] div[role=list]{display:block}amp-story-page,amp-story[standalone]{min-height:1px!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#000!important;position:relative!important}amp-story-page{background-color:#757575}amp-story .amp-active>div,amp-story .i-amphtml-loader-background{display:none!important}amp-story-page:not(:first-of-type):not([distance]):not([active]){transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>input,amp-autocomplete>textarea{padding:0.5rem;border:1px solid rgba(0,0,0,.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input,amp-autocomplete>textarea{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden}amp-script[nodom],amp-script[sandboxed]{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}
/*# sourceURL=/css/ampdoc.css*/[hidden]{display:none!important}.i-amphtml-element{display:inline-block}.i-amphtml-blurry-placeholder{transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important;pointer-events:none}[layout=nodisplay]:not(.i-amphtml-element){display:none!important}.i-amphtml-layout-fixed,[layout=fixed][width][height]:not(.i-amphtml-layout-fixed){display:inline-block;position:relative}.i-amphtml-layout-responsive,[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic){display:inline-block;position:relative;max-width:100%}.i-amphtml-layout-intrinsic .i-amphtml-sizer{max-width:100%}.i-amphtml-intrinsic-sizer{max-width:100%;display:block!important}.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,[layout=container],[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height){display:block;position:relative}.i-amphtml-layout-fill,.i-amphtml-layout-fill.i-amphtml-notbuilt,[layout=fill]:not(.i-amphtml-layout-fill),body noscript>*{display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}body noscript>*{position:absolute!important;width:100%;height:100%;z-index:2}body noscript{display:inline!important}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.i-amphtml-layout-fluid{position:relative}.i-amphtml-layout-size-defined{overflow:hidden!important}.i-amphtml-layout-awaiting-size{position:absolute!important;top:auto!important;bottom:auto!important}i-amphtml-sizer{display:block!important}@supports (aspect-ratio:1/1){i-amphtml-sizer.i-amphtml-disable-ar{display:none!important}}.i-amphtml-blurry-placeholder,.i-amphtml-fill-content{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}.i-amphtml-layout-size-defined .i-amphtml-fill-content{position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-replaced-content,.i-amphtml-screen-reader{padding:0!important;border:none!important}.i-amphtml-screen-reader{position:fixed!important;top:0px!important;left:0px!important;width:4px!important;height:4px!important;opacity:0!important;overflow:hidden!important;margin:0!important;display:block!important;visibility:visible!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:8px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:12px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:16px!important}.i-amphtml-unresolved{position:relative;overflow:hidden!important}.i-amphtml-select-disabled{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){position:relative;overflow:hidden!important;color:transparent!important}.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,[layout]:not([layout=container]):not(.i-amphtml-element)>*,[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,[width][height][sizes]:not([layout]):not(.i-amphtml-element)>*{display:none}amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content{display:block}.i-amphtml-notbuilt:not(.i-amphtml-layout-container),[layout]:not([layout=container]):not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){color:transparent!important;line-height:0!important}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder]{display:block;line-height:normal}.i-amphtml-element>[placeholder].amp-hidden,.i-amphtml-element>[placeholder].hidden{visibility:hidden}.i-amphtml-element:not(.amp-notsupported)>[fallback],.i-amphtml-layout-container>[placeholder].amp-hidden,.i-amphtml-layout-container>[placeholder].hidden{display:none}.i-amphtml-layout-size-defined>[fallback],.i-amphtml-layout-size-defined>[placeholder]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1}amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder]{z-index:auto}.i-amphtml-notbuilt>[placeholder]{display:block!important}.i-amphtml-hidden-by-media-query{display:none!important}.i-amphtml-element-error{background:red!important;color:#fff!important;position:relative!important}.i-amphtml-element-error:before{content:attr(error-message)}i-amp-scroll-container,i-amphtml-scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;display:block}i-amp-scroll-container.amp-active,i-amphtml-scroll-container.amp-active{overflow:auto;-webkit-overflow-scrolling:touch}.i-amphtml-loading-container{display:block!important;pointer-events:none;z-index:1}.i-amphtml-notbuilt>.i-amphtml-loading-container{display:block!important}.i-amphtml-loading-container.amp-hidden{visibility:hidden}.i-amphtml-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden;display:initial;line-height:normal}.i-amphtml-layout-size-defined>[overflow]{position:absolute}.i-amphtml-element>[overflow].amp-visible{visibility:visible}template{display:none!important}.amp-border-box,.amp-border-box *,.amp-border-box :after,.amp-border-box :before{box-sizing:border-box}amp-pixel{display:none!important}amp-analytics,amp-auto-ads,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}amp-story{visibility:hidden!important}html.i-amphtml-fie>amp-analytics{position:initial!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}amp-accordion{display:block!important}@media (min-width:1px){:where(amp-accordion>section)>:first-child{margin:0;background-color:#efefef;padding-right:20px;border:1px solid #dfdfdf}:where(amp-accordion>section)>:last-child{margin:0}}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}amp-accordion,amp-accordion>section{margin:0}amp-accordion:not(.i-amphtml-built)>section>:last-child{display:none!important}amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child{display:block!important}
/*# sourceURL=/css/ampshared.css*/</style><meta name="description" content="Here is a list of CSS websites showcasing great design, tableless websites : http://www.csszengarden.com/ http://cssvault.com/ http://www.cssbeauty.com/"><meta property="og:locale" content="en_US"><meta property="og:type" content="article"><meta property="og:title" content="CSS Showcase"><meta property="og:description" content="Here is a list of CSS websites showcasing great design, tableless websites : http://www.csszengarden.com/ http://cssvault.com/ http://www.cssbeauty.com/"><meta property="og:url" content="https://www.crazyleafdesign.com/blog/css-showcase/"><meta property="og:site_name" content="CrazyLeaf Design Blog"><meta property="article:publisher" content="http://www.facebook.com/crazyleafdesign"><meta property="article:author" content="https://www.facebook.com/crazyleafdesign"><meta property="article:published_time" content="2007-01-24T14:04:05+00:00"><meta name="author" content="CrazyLeaf Editorial"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:creator" content="@crazyleaf"><meta name="twitter:site" content="@crazyleaf"><meta name="twitter:label1" content="Written by"><meta name="twitter:data1" content="CrazyLeaf Editorial"><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><meta name="generator" content="AMP Plugin v2.5.5; mode=reader; theme=legacy"><meta name="generator" content="WordPress 6.7.5"><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""><link rel="preload" href="https://www.crazyleafdesign.com/blog/wp-content/themes/bimber/css/9.2.4/bimber/fonts/bimber.eot?#iefix" as="font" crossorigin=""><link rel="preload" href="https://www.crazyleafdesign.com/blog/wp-content/plugins/mashsharer/assets/css/fonts/mashsb-font.eot?62884501#iefix" as="font" crossorigin=""><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""><link rel="dns-prefetch" href="https://fonts.gstatic.com"><script async="" src="https://cdn.ampproject.org/v0.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0.js" crossorigin="anonymous"></script><script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.mjs" type="module" crossorigin="anonymous"></script><script async nomodule src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js" crossorigin="anonymous" custom-element="amp-sidebar"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,300,500,600,700,900"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700"><style amp-custom="">#amp-mobile-version-switcher{left:0;position:absolute;width:100%;z-index:100}#amp-mobile-version-switcher>a{background-color:#444;border:0;color:#eaeaea;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;font-weight:600;padding:15px 0;text-align:center;-webkit-text-decoration:none;text-decoration:none}#amp-mobile-version-switcher>a:active,#amp-mobile-version-switcher>a:focus,#amp-mobile-version-switcher>a:hover{-webkit-text-decoration:underline;text-decoration:underline}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}:where(.wp-block-post-comments input[type=submit]){border:none}:where(.wp-block-cover-image:not(.has-text-color)),:where(.wp-block-cover:not(.has-text-color)){color:#fff}:where(.wp-block-cover-image.is-light:not(.has-text-color)),:where(.wp-block-cover.is-light:not(.has-text-color)){color:#000}:root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover h4:not(.has-text-color)),:root :where(.wp-block-cover h5:not(.has-text-color)),:root :where(.wp-block-cover h6:not(.has-text-color)),:root :where(.wp-block-cover p:not(.has-text-color)){color:inherit}:where(.wp-block-file){margin-bottom:1.5em}:where(.wp-block-file__button){border-radius:2em;display:inline-block;padding:.5em 1em}:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc(( -100vw + var(--wp--lightbox-scrollbar-width) ) / 2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc(( -100vw + var(--wp--lightbox-scrollbar-width) ) / 2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}:where(.wp-block-latest-comments:not([data-amp-original-style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}:where(.wp-block-latest-comments:not([data-amp-original-style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}:root :where(.wp-block-latest-posts.is-grid){padding:0}:root :where(.wp-block-latest-posts.wp-block-latest-posts__list){padding-left:0}ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}:where(.wp-block-post-excerpt){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}:where(.wp-block-preformatted.has-background){padding:1.25em 2.375em}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}:where(.wp-block-search__input){font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}:root :where(.wp-block-site-logo.is-style-rounded){border-radius:9999px}:root :where(.wp-block-social-links .wp-social-link a){padding:.25em}:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){padding:0}:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){padding-left:.66667em;padding-right:.66667em}:root :where(.wp-block-tag-cloud.is-style-outline){display:flex;flex-wrap:wrap;gap:1ch}:root :where(.wp-block-tag-cloud.is-style-outline a){border:1px solid;margin-right:0;padding:1ch 2ch}:root :where(.wp-block-tag-cloud.is-style-outline a):not(#_#_#_#_#_#_#_#_){font-size:unset;text-decoration:none}:root :where(.wp-block-table-of-contents){box-sizing:border-box}:where(.wp-block-term-description){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}:where(pre.wp-block-verse){font-family:inherit}.entry-content{counter-reset:footnotes}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}html :where(.has-border-color){border-style:solid}html :where([data-amp-original-style*=border-top-color]){border-top-style:solid}html :where([data-amp-original-style*=border-right-color]){border-right-style:solid}html :where([data-amp-original-style*=border-bottom-color]){border-bottom-style:solid}html :where([data-amp-original-style*=border-left-color]){border-left-style:solid}html :where([data-amp-original-style*=border-width]){border-style:solid}html :where([data-amp-original-style*=border-top-width]){border-top-style:solid}html :where([data-amp-original-style*=border-right-width]){border-right-style:solid}html :where([data-amp-original-style*=border-bottom-width]){border-bottom-style:solid}html :where([data-amp-original-style*=border-left-width]){border-left-style:solid}html :where(amp-img[class*=wp-image-]),html :where(amp-anim[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}:where(.wp-block-group.has-background){padding:1.25em 2.375em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}amp-img.amp-wp-enforced-sizes{object-fit:contain}amp-img img,amp-img noscript{image-rendering:inherit;object-fit:inherit;object-position:inherit}@font-face{font-family:"bimber";src:url("https://www.crazyleafdesign.com/blog/wp-content/themes/bimber/css/9.2.4/bimber/fonts/bimber.eot");src:url("https://www.crazyleafdesign.com/blog/wp-content/themes/bimber/css/9.2.4/bimber/fonts/bimber.eot?#iefix") format("embedded-opentype"),url("https://www.crazyleafdesign.com/blog/wp-content/themes/bimber/css/9.2.4/bimber/fonts/bimber.woff") format("woff"),url("https://www.crazyleafdesign.com/blog/wp-content/themes/bimber/css/9.2.4/bimber/fonts/bimber.ttf") format("truetype"),url("https://www.crazyleafdesign.com/blog/wp-content/themes/bimber/css/9.2.4/bimber/fonts/bimber.svg#bimber") format("svg");font-weight:normal;font-style:normal}:root{--g1-rtxt-color:#333;--g1-itxt-color:#000;--g1-mtxt-color:#999;--g1-border-color:#e6e6e6;--g1-bg-color:#fff;--g1-bg-tone-color:#f2f2f2;--g1-bg-alt-color:#ededed;--g1-cat-border-color:#e6e6e6;--g1-cat-bg-color:#e6e6e6;--g1-cat-txt-color:#000;--g1-reverse-border-color:#333;--g1-reverse-bg-color:#1a1a1a;--g1-reverse-itxt-color:#fff}.amp-wp-enforced-sizes{max-width:100%;margin:0 auto}article,aside,body,div,figure,footer,h1,h2,h3,header,html,amp-img,li,nav,p,section,span,strong,time,ul{margin:0;padding:0;border-width:0;border-style:solid;outline:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,figure,footer,header,nav,section{display:block}body{line-height:1}ul{list-style:none}:focus{outline:0}body{background-color:#fff;color:#333}ul{padding-left:2em;list-style-type:circle}a{cursor:pointer;text-decoration:none;border-width:0;border-style:solid}a:active,a:hover{outline:0}strong{font-weight:700}amp-img{max-width:100%;height:auto}figure{position:relative;margin-bottom:1.5rem}body,html{font:400 14px/20px serif;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.g1-mega{font:700 27px/1.067 serif;font-family:Poppins,Roboto,sans-serif;letter-spacing:-.05em;color:#000;text-transform:none}h1{font:600 24px/1.067 serif;font-family:Poppins,Roboto,sans-serif;letter-spacing:-.05em;text-transform:none;color:#000}h2{font:600 21px/1.125 serif;font-family:Poppins,Roboto,sans-serif;letter-spacing:-.025em;text-transform:none;color:#000}.g1-gamma,h3{font:600 19px/1.125 serif;font-family:Poppins,Roboto,sans-serif;letter-spacing:-.025em;text-transform:none;color:#000}.g1-delta{font:600 17px/1.2 serif;font-family:Poppins,Roboto,sans-serif;letter-spacing:-.025em;text-transform:none;color:#000}@media only screen and (min-width:601px){.g1-delta{font-size:17px}.g1-gamma,h3{font-size:20px}h2{font-size:23px}h1{font-size:26px}.g1-mega{font-size:30px}}@media only screen and (min-width:1025px){.g1-delta{font-size:18px}.g1-gamma,h3{font-size:21px}h2{font-size:24px}h1{font-size:34px}.g1-mega{font-size:39px}}.g1-delta-2nd{font-family:Poppins,Roboto,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:normal}figure,h1,h2,h3,p,ul{margin-bottom:20px}.g1-typography-xl{font-size:18px;line-height:30px}.g1-typography-xl h1,.g1-typography-xl h2{margin-top:3rem}.g1-typography-xl h1:first-child,.g1-typography-xl h2:first-child{margin-top:0}.g1-meta{font:400 13px/16px serif;font-family:Poppins,Roboto,sans-serif;text-transform:none;letter-spacing:normal;color:var(--g1-mtxt-color)}.g1-meta a{color:#000}.g1-meta strong{font-weight:inherit}.g1-meta-m{font-size:15px;line-height:18px}.g1-row{clear:both;box-sizing:border-box;position:relative;width:100%;margin:0 auto}.g1-row:after{display:table;clear:both;content:""}.g1-row .g1-row{width:auto;margin-left:-10px;margin-right:-10px}.g1-row-layout-page>.g1-row-background{background-color:#fff}.g1-row-inner{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;max-width:1182px;margin:0 auto;position:relative;z-index:1;font-size:0}.g1-row-background{overflow:hidden;margin:0 auto;position:absolute;z-index:-2;left:0;right:0;top:0;bottom:0}.g1-column{display:block;box-sizing:border-box;width:100%;padding:0 10px;margin:0 auto;position:relative;vertical-align:top;font-size:1rem}@media only screen and (min-width:801px){.g1-row-inner{-ms-flex-wrap:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}}.g1-row-padding-m{padding-top:30px;padding-bottom:0}.g1-row-inner{max-width:778px}.avatar{border-radius:50%}.entry-featured-media{margin-bottom:1.5rem}.entry-featured-media .g1-frame{background-color:#e6e6e6}.entry-featured-media amp-img{width:100%}.entry-author{display:block;margin-right:10px}.entry-author .avatar{float:left;margin-right:10px}.entry-category{display:inline-block;position:relative;padding:1px 9px 1px 9px;border-width:1px;margin-right:0;font-size:13px;line-height:16px;font-family:Poppins,Roboto,Arial,sans-serif;font-weight:600;letter-spacing:normal;text-transform:uppercase;vertical-align:middle;pointer-events:auto;border-style:solid;text-shadow:none;border-color:#e6e6e6;background-color:#e6e6e6;color:#000}.entry-categories{display:inline-block;margin:0 0 16px}.entry-categories-label{display:none}.entry-date{display:inline-block;margin-right:10px;vertical-align:top}.entry-byline{margin-bottom:4px}.entry-byline:after{clear:both;display:table;content:""}.entry-stats{display:inline-block;clear:both;position:relative;z-index:6;margin-bottom:.25rem;padding:2px 10px 2px 0}.g1-meta-m strong{font-weight:600}.entry-meta-m{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:10px}.entry-meta-m .entry-byline{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.entry-meta-m .entry-date{white-space:nowrap}.entry-before-title .entry-categories,.entry-before-title .entry-stats{vertical-align:middle}.entry-title>a{color:inherit}.entry-content{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.entry-content::after{clear:both;display:table;content:""}.g1-collection{clear:both;margin:0 auto}.g1-collection:after{clear:both;display:table;content:""}.g1-collection-viewport{clear:both;margin-left:-10px;margin-right:-10px}.g1-collection-items{clear:both;margin:0;padding:0;list-style:none;font-size:0;counter-reset:g1-collection-item-counter}.g1-collection-item{display:inline-block;box-sizing:border-box;width:100%;margin:0;padding:0 10px;vertical-align:top;font-size:1rem}@media only screen and (min-width:1025px){.g1-collection-viewport{margin-left:-15px;margin-right:-15px}.g1-collection-item{padding:0 15px}}.entry-tpl-list{width:100%;margin-bottom:10px;position:relative}.entry-tpl-list .entry-featured-media{margin-bottom:0}.entry-tpl-list .entry-header{position:relative}.entry-tpl-list .entry-before-title{box-sizing:border-box;font-size:0;line-height:20px}.entry-tpl-list .entry-stats{display:inline-block;margin-top:0;margin-bottom:0}.entry-tpl-list .entry-categories{display:inline-block;margin-top:0;margin-bottom:0}.entry-tpl-list .entry-title{padding-top:.75em}.entry-tpl-list .entry-byline,.entry-tpl-list .entry-title{margin-bottom:16px}@media only screen and (min-width:601px){.entry-tpl-list{display:-ms-flexbox;display:-webkit-flex;display:flex;position:relative}.entry-tpl-list .entry-featured-media{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;max-width:364px;margin:0 20px 0 0}.entry-tpl-list .entry-body{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.entry-tpl-list .entry-categories,.entry-tpl-list .entry-stats{margin-bottom:8px}.entry-tpl-list .entry-title{padding-top:0}}@media only screen and (min-width:1025px){.entry-tpl-list{margin-bottom:30px}.entry-tpl-list .entry-featured-media{margin-right:30px}}.g1-button,[type=button],[type=reset],[type=submit]{box-sizing:border-box;display:inline-block;margin-right:.2px;position:relative;z-index:0;text-decoration:none;text-align:center;vertical-align:middle;zoom:1;cursor:pointer;font:700 14px/22px serif;font-family:Poppins,Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:0;border-radius:4px}.g1-button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{filter:grayscale(100%);opacity:.333;box-shadow:none}.g1-button-m{padding:5px 18px;border-width:2px}.g1-button-wide{display:block}.g1-nav-single{max-width:758px;margin:2rem auto 1rem;font-family:Poppins,Roboto,sans-serif}.g1-nav-single-links{margin:0;padding:0;overflow:hidden;list-style:none}.g1-nav-single-links:after{display:table;clear:both;content:""}.g1-nav-single-next,.g1-nav-single-prev{margin-bottom:1rem}.g1-nav-single-next>a,.g1-nav-single-prev>a{display:block;padding-left:30px;padding-right:30px;color:inherit}.g1-nav-single-next>a>strong,.g1-nav-single-prev>a>strong{display:block;margin-bottom:.5em}.g1-nav-single-next>a>span,.g1-nav-single-prev>a>span{display:block;position:relative}.g1-nav-single-prev>a>span{margin-left:auto;margin-right:0}.g1-nav-single-prev>a>span:before{display:inline-block;width:30px;margin-left:-30px;position:absolute;top:-2px;text-align:left;font:24px/1 bimber;content:""}.g1-nav-single-next>a>span{margin-left:0;margin-right:auto}.g1-nav-single-next>a>span:after{display:inline-block;width:30px;position:absolute;top:-2px;left:auto;right:100%;text-align:left;font:24px/1 bimber;content:""}@media only screen and (min-width:801px){.g1-nav-single-prev{float:left;width:50%;text-align:left}.g1-nav-single-next{float:right;width:50%;text-align:right}.g1-nav-single-next>a>span:after{left:100%;right:auto;text-align:right}}.author-info{box-sizing:border-box;max-width:758px;padding:40px 0 0;margin:30px auto 30px;position:relative;text-align:center;border-radius:0}.author-info .author-info-inner{position:relative}.author-info .author-overview:after{display:block;height:0;margin-top:30px;content:""}.author-info .author-avatar{width:60px;height:60px;margin:0 auto;position:absolute;z-index:3;left:0;right:0;top:-70px}.author-info .author-avatar a{display:block;position:relative}.author-info .author-avatar amp-img{display:block}.author-info header{margin-bottom:.75rem}.author-info header .author-title{margin-bottom:.75rem}.g1-row .author-info{margin-left:auto;margin-right:auto}@media only screen and (min-width:801px){.author-info{padding:30px 30px 0;text-align:left}.author-info header .author-title{display:inline;margin-right:8px}.author-info header .g1-button{vertical-align:text-bottom}.author-info .author-overview{min-height:100px;padding-left:120px}.author-info .author-avatar{width:80px;height:80px;left:0;right:auto;top:0}.author-info .author-extras{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}}.g1-header>.g1-row-inner>.g1-column{padding-left:50px;padding-right:50px}.g1-hamburger{display:block;float:left;padding:4px 0;margin-right:20px;z-index:1;cursor:pointer;color:inherit}.g1-hamburger-icon{display:block;font:32px/1 bimber;text-align:center}.g1-hamburger-icon:before{display:inline;content:""}.g1-hamburger-label{display:block;font-size:13px;line-height:15px}.g1-hamburger{position:absolute;left:10px;right:auto;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.site-title{margin-bottom:0;color:inherit}.site-title>a{color:inherit}.g1-logo-wrapper{display:block;position:relative}.g1-logo-wrapper .g1-logo{display:block}.g1-id{margin:15px auto;z-index:1}.g1-header .g1-logo{margin-left:auto;margin-right:auto}.mashsb-stretched .mashsb-buttons{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.mashsb-stretched .mashsb-buttons a{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;border-radius:4px}.entry-content{max-width:662px;margin:0 auto;position:relative;z-index:10}.g1-switch-to-non-amp{margin-bottom:3rem;text-align:center}.g1-footer{padding-top:3rem}.g1-footer .g1-column{text-align:center}#g1-canvas{box-sizing:border-box;width:300px;padding:30px 15px;background-color:#fff}.g1-primary-nav-menu{margin:0;list-style:none}.g1-primary-nav{margin:0 0 3rem}.g1-primary-nav .menu-item>a{color:inherit}.g1-primary-nav .sub-menu{margin:0 0 0 15px;list-style:none}a{color:#00d803}.g1-nav-single-prev > a > span:before,.g1-nav-single-next > a > span:after,.mashsb-count{color:#00d803}.g1-button-solid{border-color:#028c00;background-color:#028c00;color:#fff}.g1-id{margin:10px auto 10px}.g1-logo{max-width:20px}.g1-header > .g1-row-background{background-color:#fff}.g1-header .g1-hamburger{color:#666}.g1-footer > .g1-row-background{background-color:#f2f2f2}@font-face{font-family:"mashsb-font";src:url("https://www.crazyleafdesign.com/blog/wp-content/plugins/mashsharer/assets/css/fonts/mashsb-font.eot?62884501");src:url("https://www.crazyleafdesign.com/blog/wp-content/plugins/mashsharer/assets/css/fonts/mashsb-font.eot?62884501#iefix") format("embedded-opentype"),url("https://www.crazyleafdesign.com/blog/wp-content/plugins/mashsharer/assets/css/fonts/mashsb-font.woff?62884501") format("woff"),url("https://www.crazyleafdesign.com/blog/wp-content/plugins/mashsharer/assets/css/fonts/mashsb-font.ttf?62884501") format("truetype"),url("https://www.crazyleafdesign.com/blog/wp-content/plugins/mashsharer/assets/css/fonts/mashsb-font.svg?62884501#mashsb-font") format("svg");font-weight:normal;font-style:normal}[class*=" mashicon-"]:hover,[class^=mashicon-]:hover{opacity:.8}[class*=" mashicon-"],[class^=mashicon-] .icon{color:#fff}[class*=" mashicon-"] .text,[class^=mashicon-] .text{color:#fff}[class^=mashicon-]{font-size:15px;border-radius:0;cursor:pointer}[class*=" mashicon-"] .icon:before,[class^=mashicon-] .icon:before{font-family:mashsb-font;font-style:normal;font-weight:400;speak:none;font-size:16px;display:inline-block;text-decoration:inherit;width:1em;margin-right:.7em;text-align:center;font-variant:normal;text-transform:none;margin-top:0;float:left}.mashicon-facebook .icon:before{content:""}.mashicon-pinterest .icon:before{content:""}.mashicon-twitter .icon:before{content:""}.mashsb-container{padding-top:10px;padding-bottom:10px}.mashsb-buttons a{min-width:177px}.mashsb-box .mashsb-buttons a{padding:13px;margin-right:3px;margin-bottom:3px;float:left;text-decoration:none;border:0;box-shadow:none}.mashicon-facebook{background:#2d5f9a}.mashicon-twitter{background:#00c3f3}.mashicon-pinterest{background:#cd252b}.mashsb-count{display:block;padding-bottom:0;font-size:43px;font-weight:700;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#7fc04c;border:#fff solid 0;text-align:center;margin-right:10px;margin-top:10px;float:left;line-height:13px}.mashsb-sharetext{font-size:11px;font-family:Arial,sans-serif;color:#8a8c8e}.mashsb-toggle-container{display:none;padding:11px 2% 8px;border:10px solid #fff120;position:relative;margin-bottom:10px;margin-top:0}[class*=" mashicon-"],[class^=mashicon-]{position:relative;display:inline-block}[class*=" mashicon-"] .text,[class^=mashicon-] .text{padding:0;margin:0}[class*=" mashicon-"] .text:after,[class^=mashicon-] .text:after{line-height:10px}.mashsb-box{line-height:1}.onoffswitch2{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:inline-block;float:left;margin-right:3px;margin-bottom:3px;margin-left:0;cursor:pointer;background-color:#c5c5c5;color:#fff;width:42px;height:42px;line-height:42px;text-align:center}.onoffswitch2:before{content:"-";display:inline-block;font-weight:700;font-size:30px;font-family:arial;vertical-align:super}@media only screen and (max-width:568px){[class*=" mashicon-"] .text,[class^=mashicon-] .text{text-indent:-9999px;line-height:0;display:block}[class*=" mashicon-"] .text:after,[class^=mashicon-] .text:after{content:"";text-indent:0;font-size:13px;display:block}[class*=" mashicon-"],[class^=mashicon-]{text-align:center}[class*=" mashicon-"] .icon:before,[class^=mashicon-] .icon:before{float:none;margin-right:0}.mashsb-buttons a{margin-right:3px;margin-bottom:3px;min-width:0;width:41px}}.mashsb-count{color:#ccc}[class^="mashicon-"] .text,[class*=" mashicon-"] .text{text-indent:-9999px;line-height:0px;display:block}[class^="mashicon-"] .text:after,[class*=" mashicon-"] .text:after{content:"";text-indent:0;font-size:13px;display:block}[class^="mashicon-"],[class*=" mashicon-"]{width:25%;text-align:center}[class^="mashicon-"] .icon:before,[class*=" mashicon-"] .icon:before{float:none;margin-right:0}.mashsb-buttons a{margin-right:3px;margin-bottom:3px;min-width:0px;width:41px}.onoffswitch2{display:none}.mashsb-buttons{display:table}

/*# sourceURL=amp-custom.css */</style><link rel="canonical" href="https://www.crazyleafdesign.com/blog/css-showcase/"><script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://www.crazyleafdesign.com/blog/css-showcase/#article","isPartOf":{"@id":"https://www.crazyleafdesign.com/blog/css-showcase/"},"author":{"name":"CrazyLeaf Editorial","@id":"https://www.crazyleafdesign.com/blog/#/schema/person/b6a5ee60ad8ef2b81b481fc4deb4b9d0"},"headline":"CSS Showcase","datePublished":"2007-01-24T14:04:05+00:00","mainEntityOfPage":{"@id":"https://www.crazyleafdesign.com/blog/css-showcase/"},"wordCount":73,"commentCount":0,"articleSection":["CSS","Graphic Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://www.crazyleafdesign.com/blog/css-showcase/#respond"]}]},{"@type":"WebPage","@id":"https://www.crazyleafdesign.com/blog/css-showcase/","url":"https://www.crazyleafdesign.com/blog/css-showcase/","name":"CSS Showcase","isPartOf":{"@id":"https://www.crazyleafdesign.com/blog/#website"},"datePublished":"2007-01-24T14:04:05+00:00","author":{"@id":"https://www.crazyleafdesign.com/blog/#/schema/person/b6a5ee60ad8ef2b81b481fc4deb4b9d0"},"description":"Here is a list of CSS websites showcasing great design, tableless websites : http://www.csszengarden.com/ http://cssvault.com/ http://www.cssbeauty.com/","breadcrumb":{"@id":"https://www.crazyleafdesign.com/blog/css-showcase/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.crazyleafdesign.com/blog/css-showcase/"]}]},{"@type":"BreadcrumbList","@id":"https://www.crazyleafdesign.com/blog/css-showcase/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.crazyleafdesign.com/blog/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https://www.crazyleafdesign.com/blog/category/web-design/"},{"@type":"ListItem","position":3,"name":"CSS","item":"https://www.crazyleafdesign.com/blog/category/web-design/css/"},{"@type":"ListItem","position":4,"name":"CSS Showcase"}]},{"@type":"WebSite","@id":"https://www.crazyleafdesign.com/blog/#website","url":"https://www.crazyleafdesign.com/blog/","name":"CrazyLeaf Design Blog","description":"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.crazyleafdesign.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.crazyleafdesign.com/blog/#/schema/person/b6a5ee60ad8ef2b81b481fc4deb4b9d0","name":"CrazyLeaf Editorial","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.crazyleafdesign.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/921c173337b5042f53fa9062d500b84b?s=96\u0026d=mm\u0026r=g","contentUrl":"https://secure.gravatar.com/avatar/921c173337b5042f53fa9062d500b84b?s=96\u0026d=mm\u0026r=g","caption":"CrazyLeaf Editorial"},"description":"Follow us on Twitter @crazyleaf , Facebook , Pinterest","sameAs":["https://crazyleafdesign.com/blog","https://www.facebook.com/crazyleafdesign","https://x.com/crazyleaf"],"url":"https://www.crazyleafdesign.com/blog/author/administrator/"}]}</script><title>CSS Showcase</title></head>

<body data-rsssl="1" class="">


<div class="g1-header g1-row g1-row-layout-page">
	<div class="g1-row-inner">
		<div class="g1-column">
			<div class="g1-hamburger g1-hamburger-show " on="tap:g1-canvas.toggle" role="button" tabindex="10">
				<span class="g1-hamburger-icon"></span>
				<span class="g1-hamburger-label">Menu</span>
			</div>

			
<div class="g1-id">
				<p class="g1-mega g1-mega-1st site-title">
			
			<a class="g1-logo-wrapper" href="https://www.crazyleafdesign.com/blog/" rel="home">
									<amp-img class="g1-logo g1-logo-default i-amphtml-layout-responsive i-amphtml-layout-size-defined" width="20" height="0" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2014/01/favicon.ico" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2014/01/favicon.ico 2x,https://www.crazyleafdesign.com/blog/wp-content/uploads/2014/01/favicon.ico 1x" alt="CrazyLeaf Design Blog" layout="responsive" data-hero-candidate="" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="display:block;padding-top:0%"></i-amphtml-sizer></amp-img>							</a>

				</p>

	</div>

		</div>
	</div>
	<div class="g1-row-background">
	</div>
</div>


<div class="g1-row g1-row-layout-page g1-row-padding-m">
	<div class="g1-row-inner">
		<div class="g1-column">

							
				<article class="entry-tpl-classic amp-wp-article">
					<header class="entry-header amp-wp-article-header">

						<span class="entry-categories "><span class="entry-categories-inner"><span class="entry-categories-label">in</span> <a href="https://www.crazyleafdesign.com/blog/category/web-design/css/" class="entry-category entry-category-item-12"><span itemprop="articleSection">CSS</span></a>, <a href="https://www.crazyleafdesign.com/blog/category/graphic-design/" class="entry-category entry-category-item-2"><span itemprop="articleSection">Graphic Design</span></a></span></span>
						<h1 class="g1-mega g1-mega-1st entry-title amp-wp-title">CSS Showcase</h1>

						
													<p class="g1-meta g1-meta-m entry-meta entry-meta-m">
								<span class="entry-byline entry-byline-m entry-byline-with-avatar">
													<span class="entry-author" itemscope="" itemprop="author" itemtype="http://schema.org/Person">
	
		<span class="entry-meta-label">by</span>
			<a href="https://www.crazyleafdesign.com/blog/author/administrator/" title="Posts by CrazyLeaf Editorial" rel="author">
			<amp-img layout="intrinsic" alt="" src="https://secure.gravatar.com/avatar/921c173337b5042f53fa9062d500b84b?s=40&amp;d=mm&amp;r=g" srcset="https://secure.gravatar.com/avatar/921c173337b5042f53fa9062d500b84b?s=80&amp;d=mm&amp;r=g 2x" class="avatar avatar-40 photo i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" height="40" width="40" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwIiB3aWR0aD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer></amp-img>
							<strong itemprop="name">CrazyLeaf Editorial</strong>
					</a>
	</span>
	
										<time class="entry-date" datetime="2007-01-24T16:04:05+08:00" itemprop="datePublished">19 years ago</time>								</span>

								<span class="entry-stats entry-stats-m">

									
									
									
																	</span>
							</p>
											</header>
					
					<aside class="mashsb-container mashsb-main mashsb-stretched mashsb-stretched"><div class="mashsb-box"><div class="mashsb-count mash-large"><div class="counts mashsbcount">0</div><span class="mashsb-sharetext">SHARES</span></div><div class="mashsb-buttons"><a class="mashicon-facebook mash-large mash-center mashsb-noshadow" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.crazyleafdesign.com%2Fblog%2Fcss-showcase%2F" target="_top" rel="nofollow"><span class="icon"></span><span class="text">Share</span></a><a class="mashicon-twitter mash-large mash-center mashsb-noshadow" href="https://twitter.com/intent/tweet?text=CSS%20Showcase&amp;url=https://www.crazyleafdesign.com/blog/css-showcase/" target="_top" rel="nofollow"><span class="icon"></span><span class="text">Tweet</span></a><a class="mashicon-pinterest mash-large mash-center mashsb-noshadow" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.crazyleafdesign.com%2Fblog%2Fcss-showcase%2F&amp;media=&amp;description=CSS+Showcase" target="_top" rel="nofollow"><span class="icon"></span><span class="text">Pinterest</span></a><div class="onoffswitch2 mash-large mashsb-noshadow"></div></div></div>
                    <div></div><div class="mashsb-toggle-container"></div></aside>
            
					<div class="entry-content g1-typography-xl">
						<p>Here is a list of CSS websites showcasing great design, tableless websites :</p>
<ul>
<li>http://www.csszengarden.com/</li>
<li>http://cssvault.com/</li>
<li><strong>http://www.cssbeauty.com/</strong></li>
<li>http://www.unmatchedstyle.com/</li>
<li>http://www.stylegala.com/</li>
<li>http://www.cssimport.com/</li>
<li>http://thesis.veracon.net/</li>
<li>http://screenspire.com/</li>
<li>http://designshack.co.uk/index.php</li>
<li>http://cssmania.com/</li>
<li>http://www.cssremix.com/</li>
<li>http://withstyle.biz/?galeries</li>
<li>http://www.cssbloom.com/</li>
<li><strong>http://www.bestwebgallery.com/</strong></li>
<li>http://colourmod.com/galleria/</li>
</ul>
					</div>

					<nav class="g1-nav-single">
	<div class="g1-nav-single-inner">
		<p class="g1-single-nav-label">See more</p>
				<ul class="g1-nav-single-links">
			<li class="g1-nav-single-prev">
									<a href="https://www.crazyleafdesign.com/blog/autodesk-releases-maya-3d-85/amp/">
					<strong>Previous article</strong> 
					<span class="g1-gamma g1-gamma-1st">Autodesk releases Maya 3D 8.5</span>
					</a>
							</li>
			<li class="g1-nav-single-next">
									<a href="https://www.crazyleafdesign.com/blog/online-universal-file-converter/amp/">
					<strong>Next article</strong> 
					<span class="g1-gamma g1-gamma-1st">Online Universal File Converter</span>
					</a>
							</li>
		</ul>
	</div>
</nav>
	<section class="g1-row author-info" itemscope="" itemtype="http://schema.org/Person">
		<div class="g1-row-inner author-info-inner">
			<div class="g1-column author-overview">

				<figure class="author-avatar">
					<a href="https://www.crazyleafdesign.com/blog/author/administrator/">
						<amp-img layout="intrinsic" alt="" src="https://secure.gravatar.com/avatar/921c173337b5042f53fa9062d500b84b?s=80&amp;d=mm&amp;r=g" srcset="https://secure.gravatar.com/avatar/921c173337b5042f53fa9062d500b84b?s=160&amp;d=mm&amp;r=g 2x" class="avatar avatar-80 photo i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" height="80" width="80" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjgwIiB3aWR0aD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+"></i-amphtml-sizer></amp-img>
					</a>
				</figure>

				<header>
										<h2 class="g1-gamma g1-gamma-1st author-title">Written by <a href="https://www.crazyleafdesign.com/blog/author/administrator/"><span itemprop="name">CrazyLeaf Editorial</span></a></h2>

									</header>

								<div itemprop="description" class="author-bio">
					<p>Follow us on Twitter <a href="http://www.twitter.com/crazyleaf" rel="nofollow">@crazyleaf</a> , <a href="https://www.facebook.com/crazyleafdesign/">Facebook</a> , <a href="https://www.pinterest.com/crazyleaf/">Pinterest</a></p>
				</div>
				
				<div class="author-extras">
									</div>
			</div>
		</div>
	</section>



		<aside class="g1-more-from">
		<h2 class="g1-delta g1-delta-2nd g1-collection-title"><span>More From: <a href="https://www.crazyleafdesign.com/blog/category/web-design/css/">CSS</a></span></h2>		<div class="g1-collection">
			<div class="g1-collection-viewport">
				<ul class="g1-collection-items">
					
						<li class="g1-collection-item">
							
<article class="entry-tpl-list post-31346 post type-post status-publish format-standard has-post-thumbnail category-css category-html category-web-design">
	<div class="entry-featured-media "><a title="How to successfully convert PSD to HTML5 and CSS3" class="g1-frame" href="https://www.crazyleafdesign.com/blog/how-to-successfully-convert-psd-to-html5-and-css3/amp/"><div class="g1-frame-inner"><amp-img width="364" height="205" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-364x205.jpg" class="attachment-bimber-list-standard size-bimber-list-standard wp-post-image amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" alt="" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-364x205.jpg 364w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-192x108.jpg 192w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-384x216.jpg 384w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-728x409.jpg 728w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-561x316.jpg 561w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-1122x631.jpg 1122w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-758x426.jpg 758w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-1152x648.jpg 1152w" sizes="(max-width: 364px) 100vw, 364px" layout="intrinsic" disable-inline-width="" data-hero i-amphtml-ssr i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwNSIgd2lkdGg9IjM2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><img class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" fetchpriority="high" alt="" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-364x205.jpg" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-364x205.jpg 364w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-192x108.jpg 192w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-384x216.jpg 384w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-728x409.jpg 728w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-561x316.jpg 561w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-1122x631.jpg 1122w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-758x426.jpg 758w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2021/10/pexels-negative-space-92904-1152x648.jpg 1152w" sizes="(max-width: 364px) 100vw, 364px"></amp-img><span class="g1-frame-icon g1-frame-icon-"></span></div></a></div>
	<div class="entry-body">
		<header class="entry-header">
			<div class="entry-before-title">
				
							</div>

			<h3 class="g1-gamma g1-gamma-1st entry-title"><a href="https://www.crazyleafdesign.com/blog/how-to-successfully-convert-psd-to-html5-and-css3/amp/" rel="bookmark">How to successfully convert PSD to HTML5 and CSS3</a></h3>		</header>

		
			</div>
</article>
						</li>

					
						<li class="g1-collection-item">
							
<article class="entry-tpl-list post-27573 post type-post status-publish format-standard has-post-thumbnail category-css tag-css-2 tag-css5 tag-web-design-2 tag-web-development">
	<div class="entry-featured-media "><a title="Everything You Should Know About The Upcoming Features Of CSS 5" class="g1-frame" href="https://www.crazyleafdesign.com/blog/the-upcoming-features-of-css-5/amp/"><div class="g1-frame-inner"><amp-img width="364" height="205" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-364x205.png" class="attachment-bimber-list-standard size-bimber-list-standard wp-post-image amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" alt="The Upcoming Features Of CSS 5" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-364x205.png 364w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-192x108.png 192w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-384x216.png 384w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-561x315.png 561w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-86x48.png 86w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-171x96.png 171w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5.png 588w" sizes="auto, (max-width: 364px) 100vw, 364px" layout="intrinsic" disable-inline-width="" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwNSIgd2lkdGg9IjM2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><noscript><img width="364" height="205" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-364x205.png" alt="The Upcoming Features Of CSS 5" decoding="async" loading="lazy" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-364x205.png 364w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-192x108.png 192w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-384x216.png 384w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-561x315.png 561w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-86x48.png 86w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5-171x96.png 171w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2018/09/The-Upcoming-Features-Of-CSS-5.png 588w" sizes="auto, (max-width: 364px) 100vw, 364px"></noscript></amp-img><span class="g1-frame-icon g1-frame-icon-"></span></div></a></div>
	<div class="entry-body">
		<header class="entry-header">
			<div class="entry-before-title">
				
							</div>

			<h3 class="g1-gamma g1-gamma-1st entry-title"><a href="https://www.crazyleafdesign.com/blog/the-upcoming-features-of-css-5/amp/" rel="bookmark">Everything You Should Know About The Upcoming Features Of CSS 5</a></h3>		</header>

		
			</div>
</article>
						</li>

					
						<li class="g1-collection-item">
							
<article class="entry-tpl-list post-21479 post type-post status-publish format-standard has-post-thumbnail category-css category-html category-programming category-web-design">
	<div class="entry-featured-media "><a title="Top 10 News Sites Miserably Fail Google’s New Speed Test" class="g1-frame" href="https://www.crazyleafdesign.com/blog/does-googles-new-speed-test-tool-matter/amp/"><div class="g1-frame-inner"><amp-img width="309" height="205" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM.png" class="attachment-bimber-list-standard size-bimber-list-standard wp-post-image amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" alt="google speed test speedometer" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM.png 1100w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM-600x398.png 600w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM-768x510.png 768w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM-1024x680.png 1024w" sizes="auto, (max-width: 309px) 100vw, 309px" layout="intrinsic" disable-inline-width="" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwNSIgd2lkdGg9IjMwOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><noscript><img width="309" height="205" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM.png" alt="google speed test speedometer" decoding="async" loading="lazy" srcset="https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM.png 1100w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM-600x398.png 600w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM-768x510.png 768w, https://www.crazyleafdesign.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-05-at-5.36.02-PM-1024x680.png 1024w" sizes="auto, (max-width: 309px) 100vw, 309px"></noscript></amp-img><span class="g1-frame-icon g1-frame-icon-"></span></div></a></div>
	<div class="entry-body">
		<header class="entry-header">
			<div class="entry-before-title">
				
							</div>

			<h3 class="g1-gamma g1-gamma-1st entry-title"><a href="https://www.crazyleafdesign.com/blog/does-googles-new-speed-test-tool-matter/amp/" rel="bookmark">Top 10 News Sites Miserably Fail Google’s New Speed Test</a></h3>		</header>

		
			</div>
</article>
						</li>

					
						<li class="g1-collection-item">
							
<article class="entry-tpl-list post-13299 post type-post status-publish format-standard has-post-thumbnail category-css">
	<div class="entry-featured-media "><a title="HailPixel Color Picker" class="g1-frame" href="https://www.crazyleafdesign.com/blog/hailpixel-color-picker/amp/"><div class="g1-frame-inner"><amp-img width="180" height="120" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/color-picker-thumb.jpg" class="attachment-bimber-list-standard size-bimber-list-standard wp-post-image amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" alt="hail pixel color picker" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyMCIgd2lkdGg9IjE4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><noscript><img width="180" height="120" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/color-picker-thumb.jpg" alt="hail pixel color picker" decoding="async" loading="lazy"></noscript></amp-img><span class="g1-frame-icon g1-frame-icon-"></span></div></a></div>
	<div class="entry-body">
		<header class="entry-header">
			<div class="entry-before-title">
				
							</div>

			<h3 class="g1-gamma g1-gamma-1st entry-title"><a href="https://www.crazyleafdesign.com/blog/hailpixel-color-picker/amp/" rel="bookmark">HailPixel Color Picker</a></h3>		</header>

		
			</div>
</article>
						</li>

					
						<li class="g1-collection-item">
							
<article class="entry-tpl-list post-13074 post type-post status-publish format-standard has-post-thumbnail category-css">
	<div class="entry-featured-media "><a title="Create 3D Clouds in CSS" class="g1-frame" href="https://www.crazyleafdesign.com/blog/create-3d-clouds-css/amp/"><div class="g1-frame-inner"><amp-img width="364" height="137" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/3d-simple-storm-clouds.jpg" class="attachment-bimber-list-standard size-bimber-list-standard wp-post-image amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" alt="3D Sotrm Clouds" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEzNyIgd2lkdGg9IjM2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><noscript><img width="364" height="137" src="https://www.crazyleafdesign.com/blog/wp-content/uploads/2013/02/3d-simple-storm-clouds.jpg" alt="3D Sotrm Clouds" decoding="async" loading="lazy"></noscript></amp-img><span class="g1-frame-icon g1-frame-icon-"></span></div></a></div>
	<div class="entry-body">
		<header class="entry-header">
			<div class="entry-before-title">
				
							</div>

			<h3 class="g1-gamma g1-gamma-1st entry-title"><a href="https://www.crazyleafdesign.com/blog/create-3d-clouds-css/amp/" rel="bookmark">Create 3D Clouds in CSS</a></h3>		</header>

		
			</div>
</article>
						</li>

					
						<li class="g1-collection-item">
							
<article class="entry-tpl-list post-7517 post type-post status-publish format-standard category-css">
	
	<div class="entry-body">
		<header class="entry-header">
			<div class="entry-before-title">
				
							</div>

			<h3 class="g1-gamma g1-gamma-1st entry-title"><a href="https://www.crazyleafdesign.com/blog/learn-css/amp/" rel="bookmark">30 Best Platforms to Know More About CSS</a></h3>		</header>

		
			</div>
</article>
						</li>

									</ul>
			</div>
		</div>

					</aside>
<p>
	<a class="g1-button g1-button-l g1-button-wide g1-button-solid" href="https://www.crazyleafdesign.com/blog/css-showcase/#respond">
		Leave a Reply	</a>
</p>



	<meta itemprop="mainEntityOfPage" content="https://www.crazyleafdesign.com/blog/css-showcase/">

	
			<meta itemprop="dateModified" content="2007-01-24T16:04:05">
	
	<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
		<meta itemprop="name" content="CrazyLeaf Design Blog">
		<meta itemprop="url" content="https://www.crazyleafdesign.com/blog">
		<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
			<meta itemprop="url" content="https://www.crazyleafdesign.com/blog/wp-content/uploads/2017/11/logo_main.png">
		</span>
	</span>
	
					<footer class="amp-wp-article-footer">
						<p class="g1-switch-to-non-amp">
							<a rel="noamphtml" class="g1-button g1-button-m g1-button-solid" href="https://www.crazyleafdesign.com/blog/css-showcase/">See the full version of this page</a>						</p>
					</footer>
				</article>
			
		</div>
	</div>
</div>

<div class="g1-row g1-row-layout-page g1-footer">
	<div class="g1-row-inner">
		<div class="g1-column">
			<p class="g1-footer-text"></p>
		</div>
	</div>
	<div class="g1-row-background">
	</div>
</div>
		<div id="amp-mobile-version-switcher">
			<a rel="nofollow" href="https://www.crazyleafdesign.com/blog/css-showcase/?noamp=mobile">
				Exit mobile version			</a>
		</div>

				




<amp-sidebar id="g1-canvas" layout="nodisplay" class="i-amphtml-layout-nodisplay" hidden="hidden" i-amphtml-layout="nodisplay">

	
	<nav id="g1-canvas-primary-nav" class="g1-primary-nav"><ul id="g1-canvas-primary-nav-menu" class="g1-primary-nav-menu"><li id="menu-item-15953" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-15953"><a href="https://www.crazyleafdesign.com/blog/">Home</a></li>
<li id="menu-item-74810" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-74810"><a href="https://www.crazyleafdesign.com/blog/category/artificial-intelligence/">Artificial Intelligence</a>
<ul class="sub-menu">
	<li id="menu-item-74809" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-74809"><a href="https://www.crazyleafdesign.com/blog/category/artificial-intelligence/ai-animation/">AI Animation Showcase</a></li>
	<li id="menu-item-74811" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-74811"><a href="https://www.crazyleafdesign.com/blog/category/artificial-intelligence/ai-image-showcases/">AI Images Showcase</a></li>
</ul>
</li>
<li id="menu-item-15963" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-has-children menu-item-15963"><a href="https://www.crazyleafdesign.com/blog/category/web-design/">Web Design</a>
<ul class="sub-menu">
	<li id="menu-item-27463" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27463"><a href="https://www.crazyleafdesign.com/blog/category/web-design/free-wordpress-themes/">WordPress Themes</a></li>
	<li id="menu-item-27462" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27462"><a href="https://www.crazyleafdesign.com/blog/category/resources/websites/">Websites</a></li>
	<li id="menu-item-27467" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27467"><a href="https://www.crazyleafdesign.com/blog/category/web-design/programming/">Programming</a></li>
	<li id="menu-item-27466" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27466"><a href="https://www.crazyleafdesign.com/blog/category/web-design/html/">HTML</a></li>
	<li id="menu-item-27464" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-27464"><a href="https://www.crazyleafdesign.com/blog/category/web-design/css/">CSS</a></li>
</ul>
</li>
<li id="menu-item-15958" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-has-children menu-item-15958"><a href="https://www.crazyleafdesign.com/blog/category/graphic-design/">Graphic Design</a>
<ul class="sub-menu">
	<li id="menu-item-27458" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27458"><a href="https://www.crazyleafdesign.com/blog/category/graphic-design/photoshop/">Photoshop</a></li>
	<li id="menu-item-27459" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27459"><a href="https://www.crazyleafdesign.com/blog/category/graphic-design/print/">Print</a></li>
	<li id="menu-item-27460" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27460"><a href="https://www.crazyleafdesign.com/blog/category/graphic-design/typography/">Typography</a></li>
	<li id="menu-item-27461" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27461"><a href="https://www.crazyleafdesign.com/blog/category/graphic-design/vector-graphics/">Vector Graphics</a></li>
	<li id="menu-item-27457" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27457"><a href="https://www.crazyleafdesign.com/blog/category/graphic-design/photography/">Photography</a></li>
</ul>
</li>
<li id="menu-item-15960" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-15960"><a href="https://www.crazyleafdesign.com/blog/category/resources/">Resources</a>
<ul class="sub-menu">
	<li id="menu-item-27477" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27477"><a href="https://www.crazyleafdesign.com/blog/cloud-web-design-resources/">Web Design Resources</a></li>
	<li id="menu-item-15956" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15956"><a href="https://www.crazyleafdesign.com/blog/category/design-coolness/">Coolness</a></li>
	<li id="menu-item-15962" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15962"><a href="https://www.crazyleafdesign.com/blog/category/wallpapers/">Wallpapers</a></li>
	<li id="menu-item-15961" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15961"><a href="https://www.crazyleafdesign.com/blog/category/tutorials/">Tutorials</a></li>
	<li id="menu-item-25127" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-25127"><a href="https://www.crazyleafdesign.com/blog/category/marketing/">Marketing</a></li>
	<li id="menu-item-15959" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15959"><a href="https://www.crazyleafdesign.com/blog/category/inspiration/">Inspiration</a></li>
	<li id="menu-item-15957" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15957"><a href="https://www.crazyleafdesign.com/blog/category/freebies/">Freebies</a></li>
</ul>
</li>
<li id="menu-item-15954" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-15954"><a href="https://www.crazyleafdesign.com/blog/design-resources/" title="References Design Links">References</a>
<ul class="sub-menu">
	<li id="menu-item-27475" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27475"><a href="https://www.crazyleafdesign.com/blog/design-cloud/">Design Cloud</a></li>
	<li id="menu-item-27476" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27476"><a href="https://www.crazyleafdesign.com/blog/cloud-typography-resources/">Typography Resources</a></li>
	<li id="menu-item-27474" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27474"><a href="https://www.crazyleafdesign.com/blog/cloud-stock-photos-resources/">Stock Photos Resources</a></li>
	<li id="menu-item-27478" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27478"><a href="https://www.crazyleafdesign.com/blog/cloud-web-galleries/">Web Galleries</a></li>
	<li id="menu-item-27479" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27479"><a href="https://www.crazyleafdesign.com/blog/cloud-books/">Books</a></li>
	<li id="menu-item-27480" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27480"><a href="https://www.crazyleafdesign.com/blog/cloud-code-editors/">Code Editors</a></li>
	<li id="menu-item-27481" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27481"><a href="https://www.crazyleafdesign.com/blog/cloud-color-management/">Color Management</a></li>
	<li id="menu-item-27482" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27482"><a href="https://www.crazyleafdesign.com/blog/cloud-font-resources/">Font Resources</a></li>
	<li id="menu-item-27483" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27483"><a href="https://www.crazyleafdesign.com/blog/cloud-graphic-design-resources/">Graphic Design Blogs and Resources</a></li>
	<li id="menu-item-27484" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27484"><a href="https://www.crazyleafdesign.com/blog/cloud-image-optimization/">Image Optimization</a></li>
	<li id="menu-item-27473" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27473"><a href="https://www.crazyleafdesign.com/blog/cloud-texture-resources/">Texture Resources</a></li>
</ul>
</li>
</ul></nav>	

	
	<nav id="g1-canvas-secondary-nav" class="g1-secondary-nav"><ul id="g1-canvas-secondary-nav-menu" class="g1-secondary-nav-menu"><li id="menu-item-27485" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27485"><a href="https://www.crazyleafdesign.com/">Back to CLD</a></li>
<li id="menu-item-26044" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26044"><a href="https://www.crazyleafdesign.com/blog/contact/">Contact Us</a></li>
<li id="menu-item-26042" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26042"><a href="https://www.crazyleafdesign.com/blog/advertise/">Advertise / Sponsorship</a></li>
</ul></nav>	

</amp-sidebar>

</body></html>