• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Baguiowebs

Baguiowebs

Learn WordPress. Build Your Own Site.

  • Contact
  • Build a Site
  • WP Training
  • Library
  • Signup
  • Login
  • Contact
  • Build a Site
  • WP Training
  • Library
  • Signup
  • Login

Advanced Section Custom CSS: WP Customizer + Additional CSS Box-Image Impulse

Hi, Login
X

Join Us Forgot Password?

to view this video. Not a member? Join Now!

CSS code as shown in above video:

/* Make the image bounce when you hover over it */
.hover-bounce img:not(.wp-smiley) {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.5s;
}
.hover-bounce img:not(.wp-smiley):hover,
.hover-bounce img:not(.wp-smiley):focus,
.hover-bounce img:not(.wp-smiley):active {
  transform: scale(0.8);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

Filed Under: Gutenberg Block Editor

Primary Sidebar

Section 15

Gutenberg (Block) Editor

Introduction

  • Introduction Gutenberg Editor2:38min
  • Classic Editor vs Gutenberg2:47min
  • Gutenberg Editor Tour7:03min
  • Gutenberg Editor Sidebar6:12min

Tools & Options Feature

  • The View Section3:31min
  • The Editor Section2:45min
  • The Plugins Section2:48min
  • The Tools Section4:49min
  • The Options Section4:36min

Creating Posts & Pages

  • Create Post: Title3:58min
  • Create Post: Block Toolbar5:42min
  • Create Post: Block Settings4:24min
  • Create First Page6:58min
  • Convert Classic Post To Gutenberg4:30min

More Post & Page Creation Tips

  • Common Post Content Using Keyboard Shortcuts4:31min
  • Image Easy Add1:42min
  • Links Easy Add1:49min
  • Create Clickable Table of Contents Part 1 (aka jump links)4:47min
  • Create Clickable Table of Contents Part 2 (aka jump links)5:03min

Gutenberg Blocks

  • WP Gutenberg Group Block6:01min
  • Columns Block Basics Part 14:46min
  • Columns Block Basics Part 22:53min
  • Columns Block Basics Part 33:50min
  • Columns Block Basics Part 45:16min
  • Columns Block Advanced4:09min

More About Blocks

  • Cover Block – Basics5:22min
  • Cover Block – Advanced4:24min
  • Reusable Blocks4:42min
  • Editing Reusable Blocks5:28min
  • Reusable Templates3:39min
  • Reusable Blocks Management Page7:01min

Advanced Section Custom

  • WP Customizer + Additional CSS Box: BG Color7:08min
  • WP Customizer + Additional CSS Box: Hover Color2:17min
  • WP Customizer + Additional CSS Box: Image Pulse3:43min
  • Hard Code In Theme + Additional CSS Box8:06min
  • Plugin+Additional CSS Box7:10min

Copyright © 2021 Baguiowebs. All Rights Reserved.

  • About
  • Disclaimer
  • Privacy Policy
  • Terms