Avatar

CSS Destiny Class Logo Animations (Destiny)

by BeardFade ⌂, Portland, OR, Tuesday, October 27, 2015, 18:18 (3314 days ago)
edited by BeardFade, Tuesday, October 27, 2015, 18:49

Some of you might know I'm a front-end web developer. I was messing around this past weekend and decided to take the three class logos and 1) make them in CSS and 2) have some fun animating them.

Here they are:

Hunter

Warlock

Titan

They are only going to look right in Chrome and Safari (-webkit- browsers). I've tested other browsers and there's some lacking animation support without vendor-prefixes and I just haven't taken the time to add those in. I'll do it soon if enough people need/want to see them in FF, Safari, or Opera. IE, I don't know if there's much hope for you if you're not 10 or higher.

Hope you like them.

Love 'em!

by Claude Errera @, Tuesday, October 27, 2015, 18:28 (3314 days ago) @ BeardFade

- No text -

Avatar

CSS Destiny Class Logo Animations

by Cody Miller @, Music of the Spheres - Never Forgot, Tuesday, October 27, 2015, 18:42 (3314 days ago) @ BeardFade

They are only going to look right in Chrome. I've tested other browsers and there's some lacking animation support without vendor-prefixes and I just haven't taken the time to add those in. I'll do it soon if enough people need/want to see them in FF, Safari, or Opera. IE, I don't know if there's much hope for you if you're not 10 or higher.

They play fine in Safari 8.07.

and 9.01

by Claude Errera @, Tuesday, October 27, 2015, 18:43 (3314 days ago) @ Cody Miller

- No text -

Avatar

Safari is also a -webkit- browser

by BeardFade ⌂, Portland, OR, Tuesday, October 27, 2015, 18:48 (3314 days ago) @ Cody Miller

So that's not unusual, but I was noticing some small differences. Thanks for the heads up!

Avatar

Nice!

by Leviathan ⌂, Hotel Zanzibar, Tuesday, October 27, 2015, 19:15 (3314 days ago) @ BeardFade

- No text -

Super classy

by marmot 1333 @, Tuesday, October 27, 2015, 19:18 (3314 days ago) @ BeardFade

Nice clean design. The movement was very tastefully done.

Avatar

Not working in Edge. Looks good in Chrome though!

by Funkmon @, Tuesday, October 27, 2015, 19:45 (3314 days ago) @ BeardFade

Opened up Chrome, and a scant 15 minutes later, I saw them in their full glory. Very good!

Man, there hasn't been a good browser since Opera 12. :(

Avatar

15 minutes?!

by ZackDark @, Not behind you. NO! Don't look., Tuesday, October 27, 2015, 21:34 (3314 days ago) @ Funkmon

Damn, son.

Chrome here loaded within 10 seconds. Well done, Beard, they look so cool!

Avatar

I want my hunter's in-game emblem to do this

by Robot Chickens, Tuesday, October 27, 2015, 23:59 (3313 days ago) @ BeardFade

- No text -

Hunter is my favorite

by Oholiab @, Wednesday, October 28, 2015, 03:35 (3313 days ago) @ BeardFade

Of course I may be biased. I like the simplicity of them - well done!

btw: opened in Safari just fine.

Back to the forum index
RSS Feed of thread