CSS Tags Design | Free Source Code |Front-end

[{"selector":"#anim-f9337fc4-262d-4abe-b5fc-bcea0ad8dc03 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":800,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-5c15e6b2-486c-4908-8998-9d3cd8a7ee3d","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.15)","offset":0.33},{"transform":"scale(0.985)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":480,"duration":1400,"easing":"ease-in-out","fill":"both","iterations":1}]

CSS Tags

[{"selector":"#anim-ca726693-7b82-417b-bbaa-ad008189e2df [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(34.179687404002955%, 0, 0) translate(25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}] [{"selector":"#anim-2d301a48-5216-4d94-accb-4e54f60f7785","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Tilted Brush Stroke

Style for tags bar

[{"selector":"#anim-41fe949d-bfa2-4c62-937a-728723dbe029 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-34.179687404002955%, 0, 0) translate(-25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}] [{"selector":"#anim-85f16c09-be83-4221-9181-eecb7ad2465c","keyframes":{"opacity":[0,1]},"delay":0,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-56bca6f6-b35c-4558-802f-72364cbb5e06","keyframes":{"transform":["translate3d(0px, 77.64655%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-08ea8086-d32b-4a6b-a0b2-05ceb05c8b09","keyframes":{"opacity":[0,1]},"delay":0,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4323d608-6fc8-4abb-9120-47bc82cdd542","keyframes":{"transform":["translate3d(0px, 102.06551%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Thick Brush Stroke

CSS Tag Cloud

[{"selector":"#anim-dc18fc86-2704-4a2c-bbed-d76eec2a99e2","keyframes":{"opacity":[0,1]},"delay":0,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3887f0b2-11ab-4829-beff-3600c7a56bea","keyframes":{"transform":["translate3d(-76.65707%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e7427ae4-8612-42be-8e86-19cbf7fb8ea5","keyframes":{"opacity":[0,1]},"delay":0,"duration":900,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-172afb5b-d715-406d-8627-c1e484df0d7e","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":900,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-74634b38-be31-4a83-8df3-9b28084c6f45 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(34.772814324779944%, 0, 0) translate(25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}] Burst

Coffee saved the world

[{"selector":"#anim-418591e4-ed40-4333-be1d-51fcbcba4d59","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e86b2133-7f99-479d-96c6-e823ed7425d9","keyframes":{"transform":["rotate(-61deg) translate3d(0px, 57.03998%, 0) rotate(61deg)","rotate(-61deg) translate3d(0px, 0px, 0) rotate(61deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f4894253-5490-49fa-83a3-82149cc6bf05 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-34.179687404002955%, 0, 0) translate(-25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}] [{"selector":"#anim-49afac51-423f-409a-98cf-31cca1c034ea","keyframes":{"opacity":[0,1]},"delay":0,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-acf2dfd8-84cb-4785-8044-4f752ec9ac8d","keyframes":{"transform":["translate3d(0px, 104.17778%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5481e999-5402-4b8d-aee8-8437d23b6b56","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] Green Leaf

CSS Simple Tag Cloud

[{"selector":"#anim-fe25c1d5-b837-44d3-85bd-f50ba6b89359 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(34.179687404002955%, 0, 0) translate(25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}] [{"selector":"#anim-3e836b32-f118-4929-b495-769b35cb7967","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-17369661-23dc-4ba7-9db2-9ed9014b4dab","keyframes":{"transform":["translate3d(0px, 90.52103%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-050c81b7-18b0-4711-9693-676fdff27938","keyframes":{"opacity":[0,1]},"delay":0,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-24beca48-c7e3-4f65-b081-8dec97a7a68d","keyframes":{"transform":["translate3d(-106.70927%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-274d7f3e-b8bd-4293-910b-c106734dc097","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] Thick Brush Stroke

CSS Christmas Tags (Flip on Hover)

[{"selector":"#anim-12b6b7cf-9ad5-45f4-b834-b67c005572e1 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(34.179687404002955%, 0, 0) translate(25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":5000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}] [{"selector":"#anim-a0ff528d-06af-4ecb-82cd-df377d5cbaeb","keyframes":{"opacity":[0,1]},"delay":0,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dda0f8e2-642a-4f5f-8b7c-63ccafcaef7a","keyframes":{"transform":["translate3d(0px, 95.89824%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

CSS Tailwind Tags

[{"selector":"#anim-2392b599-e2aa-4ab0-8a4b-9e7320afac2f [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-34.179687404002955%, 0, 0) translate(-25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":5000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}] [{"selector":"#anim-6e859714-620f-4d2a-acba-c940b986286c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-66613a5f-5179-4b6b-a204-da8c264460ad","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-70930fc2-df50-40bc-9519-0f1b94a8f491","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Fill in some text Green Blob Tilted Green Blob

CSS Tags

[{"selector":"#anim-2af8d7e7-b4f9-4f99-ab61-6f0f94d18335 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-34.179687404002955%, 0, 0) translate(-25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}] [{"selector":"#anim-c31c9317-e760-4498-ae60-eb7c4fe6b44a","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] Burst with Arrow Circled Dot Arrow