HTML Tips, Tricks and Helpful Snippets

Share this Page

Typo: Reference test block for Browser Markup

This is what `code` block example text
will look like on your broswer.

This is what an `xmp` block example text
will look like on your broswer.
This is what
a `pre` block example text

will look like on your broswer.

author: Larry

Trick: CSS Rotating Cube

Explanation: Animation trick taken from David Walsh site. I added a hover attribute to slow down spinning when hovered.

Author: David Walsh submitted by @tradesouthwest
Date: 11-20-2016 14:09
Id: 1

Trick: diagonal liness with pure css


Explanation: create diagonal lines using liner-gradient attribut with various curves for borders

Author: Larry Judd
Website: httP;//
Date: 12-05-2016 17:27
Id: 2

Trick: Ruler lines on page

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.

Explanation: css lines, horizontal lines across page look like notebook paper

Author: TSW
Website: httP;//
Date: 01-05-2017 17:43
Id: 3

Trick: waterfall

Explanation: pure css animation effect looks like waterfal - or at least that is what I was shooting for.

Author: Tradesouthwest
Date: 01-15-2017 16:43
Id: 4

Trick: spinning tool-tips
Ask plenty of questions up front. We CAN help.

Are You Not Fully Sure About the Project?

At Our Company, many business and personal project owners who know very little but want to succeed. Don't be shy... We are on your side.

Explanation: hover tooltip spins 360 degrees, also nice chevron icon button

Author: Larry Judd
Date: 04-14-2017 20:05
Id: 5