AniJs

Author: Forrest Carson
Published on ... 08/21/2021
Last revised on ... 04/12/2022 06:39:07 PM

attention_seekers

bounce

flash

pulse

rubberBand

shake

swing

tada

wobble

bouncing_entrances

bounceIn

bounceInDown

bounceInLeft

bounceInRight

bounceInUp

bouncing_exits

bounceOut

bounceOutDown

bounceOutLeft

bounceOutRight

bounceOutUp

fading_entrances

fadeIn

fadeInDown

fadeInDownBig

fadeInLeft

fadeInLeftBig

fadeInRight

fadeInRightBig

fadeInUp

fadeInUpBig

fading_exits

fadeOut

fadeOutDown

fadeOutDownBig

fadeOutLeft

fadeOutLeftBig

fadeOutRight

fadeOutRightBig

fadeOutUp

fadeOutUpBig

flippers

flip

flipInX

flipInY

flipOutX

flipOutY

lightspeed

lightSpeedIn

lightSpeedOut

rotating

rotate

rotateDownLeft

rotateDownRight

rotateUpLeft

rotateUpRight

rotating_entrances

rotateIn

rotateInDownLeft

rotateInDownRight

rotateInUpLeft

rotateInUpRight

rotating_exits

rotateOut

rotateOutDownLeft

rotateOutDownRight

rotateOutUpLeft

rotateOutUpRight

specials

hinge

rollIn

rollOut

zooming_entrances

zoomIn

zoomInDown

zoomInLeft

zoomInRight

zoomInUp

zooming_exits

zoomOut

zoomOutDown

zoomOutLeft

zoomOutRight

zoomOutUp

sliding_entrances

slideInDown

slideInLeft

slideInRight

slideInUp

sliding_exits

slideOutDown

slideOutLeft

slideOutRight

slideOutUp

New Boxes Video

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Using an animated gif as a div background with hover effects

9 rollover boxes

Search Engine Optimization (SEO)

Social Media Marketing

Paid Search & Pay Per Click (PPC)

Conversion Rate Optimization (CRO)

Inbound Marketing

Reputation Management

Email Marketing

Interactive Digital Merchandising

Integrated Digital Advertising

flipping image div

Welcome to HTMLz Website Design, a Web Site Development and Print Graphics Design company with offices in North Dallas, Texas.

The team at HTMLz has one of the most extensive backgrounds in web site design with over 23 years in the business. HTMLz Website Design specializes in designing custom web sites and establishing internet presence for your business. We can help you gain an edge over your competition. HTMLz Website Design wants to see your business succeed. Your success translates into our success.

Slick Slide SHow

Welcome to HTMLz Website Design, a Web Site Development and Print Graphics Design company with offices in North Dallas, Texas.

The team at HTMLz has one of the most extensive backgrounds in web site design with over 23 years in the business. HTMLz Website Design specializes in designing custom web sites and establishing internet presence for your business. We can help you gain an edge over your competition. HTMLz Website Design wants to see your business succeed. Your success translates into our success.

Useful Code

Add a class to categories ul in the footer

Pulsating BG Images

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Image Advertising

Direct Mail (Sold Reporting)

We provide the absolute best! High Quality Customized Mail with Advanced Targeting.

Google Paid Search PPC/SEM

Google Used Car VIN Paid Search

Ease In Out BG Images on Hover

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

New Boxes Animated GIF Fade

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Using an animated gif as a div background with hover effects

*, *::before, *::after {
  box-sizing: border-box;
}

.hero {
  position: relative;
  /* height: 100vh; */
  /*width: 100%; */
  /*display: flex; */
  /*align-items: center; */
  /*justify-content: center; */
    padding: 20px 10px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
}
.hero::before {
  content: "";
  /* background-image: url("reddot/uploads/img/content/cID_0/kapow.png");  */
  background-image: url(reddot/uploads/img/content/cID_0/fxvt.gif);
  background-position: center center;
  /* background-size: cover; */
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.1;
  border-radius: 7px;
  background-size: 0%;
  background-repeat: no-repeat;
}

.hero:hover:before,
.hero:focus:before,
.hero:active:before {
    opacity: 1;
/* video */
    background-size: 200%;
/* image */
/* background-size: 100%; */
}

.hero::before {
    transition-property: width, height, opacity, background-color, background-image, background-size;
}
.hero::before {
    transition-duration: 1.5s;
}
.hero{
    transition-property: color;
}
.hero {
  transition: all 1.5s ease .2s;
}
</style>
<div class="row"> 
     
       <div class="col mx-1 hero" >
              <div class="extra"> <a href="#contact"> <i class="fab fa-amazon"></i>
          <h3>Amazon Advertising</h3>
          <p>This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.</p>
          <button class="btn btn-md" type="button">Learn More ></button>
          </a> </div>
      </div>

</div>

New Boxes Animated Font Awesome Zoom Fade

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Using an animated gif as a div background with hover effects

*, *::before, *::after {
  box-sizing: border-box;
}

.herob {
  position: relative;
  padding: 20px 10px;
  text-align: center;
  cursor: pointer;
}
.herob::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  /* amazon f270 */
  content: "\f270";
  color: #021424;
  font-size: 7rem;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.1;
}
.herob:hover:before, .herob:focus:before, .herob:active:before {
  opacity: 1;
  color: red;
  font-size: 15rem;
  /* video */
  background-size: 200%;
  /* image */
  /* background-size: 100%; */
}
.herob::before {
  transition-property: color, width, height, opacity, background-color, background-image, background-size, font-size;
}
.herob::before {
    transition-duration: 1.5s;
}
.herob{
    transition-property: color;
}
.herob{
  transition: all 1.5s ease .2s;
}
</style>
<div class="row"> 
     
       <div class="col mx-1 herob" >
              <div class="extra"> <a href="#contact"> <i class="fab fa-amazon"></i>
          <h3>Amazon Advertising</h3>
          <p>This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.</p>
          <button class="btn btn-md" type="button">Learn More ></button>
          </a> </div>
      </div>

</div>

Keyframes Experimental

Amazon Advertising

This is "NEW" and Amazon Advertising is one of the strongest platforms in the world.

Image Advertising

Direct Mail (Sold Reporting)

We provide the absolute best! High Quality Customized Mail with Advanced Targeting.

Google Paid Search PPC/SEM

Google Used Car VIN Paid Search

HTMLz Page Design Floater CSS

Welcome to HTMLz Website Design, a Web Site Development and Print Graphics Design company with offices in North Dallas, Texas.

The team at HTMLz has one of the most extensive backgrounds in web site design with over 23 years in the business. HTMLz Website Design specializes in designing custom web sites and establishing internet presence for your business. We can help you gain an edge over your competition. HTMLz Website Design wants to see your business succeed. Your success translates into our success.

HTMLz Website Design Reversed Colors

Welcome to HTMLz Website Design, a Web Site Development and Print Graphics Design company with offices in North Dallas, Texas.

The team at HTMLz has one of the most extensive backgrounds in web site design with over 23 years in the business. HTMLz Website Design specializes in designing custom web sites and establishing internet presence for your business. We can help you gain an edge over your competition. HTMLz Website Design wants to see your business succeed. Your success translates into our success.

HTMLz Services include:

Website Design
Graphic Design
Logo Design
Landing page design for HTML emails and PPC
PHP/mySQL Programming
CSS Programing
Website Hosting
Discount Domain Names
ReddotCMS Templates

You can call HTMLz at our Dallas number (310) 494-6243‬ between noon and midnight, 7 days a week.

Feel free to look at our Portfolio of website designs and customers spanning over 23 years.

For over 23 years HTMLz.com has provided web and graphic design services to the Dallas, Area.

HTMLz Page Design Slide in from sides

Welcome to HTMLz Website Design, a Web Site Development and Print Graphics Design company with offices in North Dallas, Texas.

The team at HTMLz has one of the most extensive backgrounds in web site design with over 23 years in the business. HTMLz Website Design specializes in designing custom web sites and establishing internet presence for your business. We can help you gain an edge over your competition. HTMLz Website Design wants to see your business succeed. Your success translates into our success.

sec-4-phone-2-f171b4f54fe05848f2bf510df13ad5116df98837

HTMLz Page Design Phone

Welcome to HTMLz Website Design, a Web Site Development and Print Graphics Design company with offices in North Dallas, Texas.

The team at HTMLz has one of the most extensive backgrounds in web site design with over 23 years in the business. HTMLz Website Design specializes in designing custom web sites and establishing internet presence for your business. We can help you gain an edge over your competition. HTMLz Website Design wants to see your business succeed. Your success translates into our success.

HTMLz Website Design Reversed Colors Reddot Grid

Welcome to HTMLz Website Design, a Web Site Development and Print Graphics Design company with offices in North Dallas, Texas.

The team at HTMLz has one of the most extensive backgrounds in web site design with over 23 years in the business. HTMLz Website Design specializes in designing custom web sites and establishing internet presence for your business. We can help you gain an edge over your competition. HTMLz Website Design wants to see your business succeed. Your success translates into our success.

HTMLz Services include:

Website Design
Graphic Design
Logo Design
Landing page design for HTML emails and PPC
PHP/mySQL Programming
CSS Programing
Website Hosting
Discount Domain Names
ReddotCMS Templates

You can call HTMLz at our Dallas number (310) 494-6243‬ between noon and midnight, 7 days a week.

Feel free to look at our Portfolio of website designs and customers spanning over 23 years.

For over 23 years HTMLz.com has provided web and graphic design services to the Dallas, Area.

Row columns

Use the responsive .row-cols-* classes to quickly set the number of columns that best render your content and layout. Whereas normal .col-* classes apply to the individual columns (e.g., .col-md-4), the row columns classes are set on the parent .row as a shortcut.

Use these row columns classes to quickly create basic grid layouts or to control your card layouts.

Bootstrap 4 example class row row-cols-3 usage