Pens from Hakan Cengiz https://codepen.io/funkyce/ en nospam@codepen.io Copyright 2024 2019-05-07T19:47:48-07:00 Happy New Year 2019 - N.M.K https://codepen.io/funkyce/pen/oJoRpY https://codepen.io/funkyce/pen/oJoRpY Hakan Cengiz

See the Code - See it Full Page - See Details

]]>
Happy New Year 2019 - N.M.K 2019-01-01T14:17:30-07:00
A Pen by Hakan Cengiz https://codepen.io/funkyce/pen/YRgmEZ https://codepen.io/funkyce/pen/YRgmEZ Hakan Cengiz

See the Code - See it Full Page - See Details

]]>
A Pen by Hakan Cengiz 2018-12-03T18:48:49-07:00
Adventskalender 2016 (German) https://codepen.io/funkyce/pen/aVOKLx https://codepen.io/funkyce/pen/aVOKLx Hakan Cengiz

See the Code - See it Full Page - See Details

I found the stunning background image on Pexels: https://www.pexels.com/photo/green-pine-trees-covered-with-fogs-under-white-sky-during-daytime-167699/

]]>
Adventskalender 2016 (German) 2017-10-31T19:09:42-07:00
Beautiful Textual Map of France with CSS https://codepen.io/funkyce/pen/MKRmJP https://codepen.io/funkyce/pen/MKRmJP Hakan Cengiz

See the Code - See it Full Page - See Details

A beautiful textual map of France. It's Flat UI inspired, easily size extensible and optimized for search engines. (<a href="http://codepen.io/Twikito/pen/jxodf" title="Beautiful Textual Map of the USA">Here is the map of the USA</a>) Forked from [Twikito](http://codepen.io/Twikito/)'s Pen [Beautiful Textual Map of France with CSS](http://codepen.io/Twikito/pen/nxhGj/).

]]>
Beautiful Textual Map of France with CSS 2016-02-17T11:03:18-07:00
Star Wars opening crawl from 1977 https://codepen.io/funkyce/pen/yerbBK https://codepen.io/funkyce/pen/yerbBK Hakan Cengiz

See the Code - See it Full Page - See Details

I freaking love Star Wars, but could not find a web version of the original opening crawl from 1977. So I created this one. I wrote [an article](http://timpietrusky.com/star-wars-opening-crawl-from-1977) where I explain how this works. [Watch the Start Wars opening crawl on YouTube.](http://www.youtube.com/watch?v=7jK-jZo6xjY) ## Stuff I used: * CSS (animation, transform) * HTML audio (the opening theme) * SVG (the Star Wars logo from [wikimedia.org](http://commons.wikimedia.org/wiki/File:Star_Wars_Logo.svg) * JavaScript (to sync the animation/audio) Thanks to Craig Buckler for his [amazing article](http://www.sitepoint.com/css3-starwars-scrolling-text/ ) which helped me to create this remake of the Star Wars opening crawl. Sound copyright by The Walt Disney Company. Forked from [Tim Pietrusky](http://codepen.io/TimPietrusky/)'s Pen [Star Wars opening crawl from 1977](http://codepen.io/TimPietrusky/pen/eHGfj/).

]]>
Star Wars opening crawl from 1977 2019-05-07T19:47:48-07:00
Pure CSS Star Wars opening crawl https://codepen.io/funkyce/pen/zrXZmL https://codepen.io/funkyce/pen/zrXZmL Hakan Cengiz

See the Code - See it Full Page - See Details

Forked from [Yukulélé](http://codepen.io/yukulele/)'s Pen [Pure CSS Star Wars opening crawl](http://codepen.io/yukulele/pen/KsCIi/).

]]>
Pure CSS Star Wars opening crawl 2016-02-17T10:34:54-07:00
Logo Kerning https://codepen.io/funkyce/pen/pgBeee https://codepen.io/funkyce/pen/pgBeee Hakan Cengiz

See the Code - See it Full Page - See Details

Possibilities with text-shadow Forked from [Oliver Knoblich](http://codepen.io/oknoblich/)'s Pen [Logo Kerning](http://codepen.io/oknoblich/pen/lHpLj/).

]]>
Logo Kerning 2016-02-17T09:58:42-07:00
Flying Letters https://codepen.io/funkyce/pen/obOBVd https://codepen.io/funkyce/pen/obOBVd Hakan Cengiz

See the Code - See it Full Page - See Details

Change name variable and let it fly. Forked from [Hakan ERSU](http://codepen.io/hakanersu/)'s Pen [Flying Letters](http://codepen.io/hakanersu/pen/rowDu/).

]]>
Flying Letters 2016-02-17T09:41:11-07:00