DEV Community: baarbaracrr

Halloween - ghosts

baarbaracrr — Thu, 23 Oct 2025 09:03:13 +0000

Check out this Pen I made!

Heart animation

baarbaracrr — Tue, 23 Aug 2022 08:05:00 +0000

Hey! I let you here how to work with Animate.css. It is very easy. In this case I am working with the Google Icons too.

I let you here the links:

Animate.css => https://animate.style/

Google Icons => https://www.w3schools.com/icons/google_icons_intro.asp

Gradient colors => https://cssgradient.io/gradient-backgrounds/

3 different buttons

baarbaracrr — Thu, 04 Aug 2022 07:08:26 +0000

Buttons with the same style but different html structure: the first with only text; the second with text and icon; and the last with just an icon. I use google icons: https://fonts.google.com/icons?icon.set=Material+Icons

Design of cards

baarbaracrr — Tue, 02 Aug 2022 10:14:27 +0000

Hello again!

I let you here a nice card design, responsive and with animation when hovering

At the bottom I let you too the same card design but with an example in Vue.js :)

Moving particles of the sea

baarbaracrr — Mon, 01 Aug 2022 06:57:59 +0000

Simulator of moving particles in the sea with html and css. This can also be used to simulate the movement of stars. Use https://cssgradient.io/ to generate gradients!

Goal animation

baarbaracrr — Thu, 28 Jul 2022 13:29:00 +0000

Simple way to animate a football ball. Use https://cssgradient.io/ to generate gradients!

Switch style

baarbaracrr — Thu, 28 Jul 2022 13:28:00 +0000

Switch only with html and css

Gradient background with waves

baarbaracrr — Thu, 28 Jul 2022 11:52:06 +0000

Gradient background with some waves on the bottom of the page. Use https://cssgradient.io/ to generate gradients!