A Pen by HARUN PEHLİVAN on CodePen.
HARUN PEHLİVAN harunpehlivan
🏠
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="app"></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.css"> | |
| <link rel="stylesheet" media="print" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.print.css"> | |
| <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> | |
| <script src="http://momentjs.com/downloads/moment.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js"></script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <!-- Font Awesome --> | |
| <link | |
| rel="stylesheet" | |
| href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style>svg#freepik_stories-static-website:not(.animated) .animable {opacity: 0;}svg#freepik_stories-static-website.animated #freepik--Floor--inject-48 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideRight;animation-delay: 0s;}svg#freepik_stories-static-website.animated #freepik--Shadows--inject-48 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomOut;animation-delay: 0s;}svg#freepik_stories-static-website.animated #freepik--Plants--inject-48 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedRight;animation-delay: 0s;}svg#freepik_stories-static-website.animated #freepik--Files--inject-48 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedLeft;animation-delay: 0s;}svg#freepik_stories-static-website.animated #freepik--Cloud--inject-48 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideUp;animation-delay: 0s;}svg#freepik_stories-static-website.animated #freepik--Server--inject-48 {animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lig |
A Pen by HARUN PEHLİVAN on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script src="https://kit.fontawesome.com/b99e675b6e.js"></script> | |
| <div class="resume"> | |
| <div class="resume_left"> | |
| <div class="resume_profile"> | |
| <img src="https://res.cloudinary.com/tercuman-b-l-m-merkez/image/upload/v1613759952/003_megvxx.jpg" alt="profile_pic"> | |
| </div> | |
| <div class="resume_content"> | |
| <div class="resume_item resume_info"> | |
| <div class="title"> |
A Pen by HARUN PEHLİVAN on CodePen.
harunpehlivan
/ hp-it-group-tebim-tebitagem-ttgrtui-orb-animation-pixi-js-frosty-elements.markdown
Created
June 8, 2021 13:31
HP IT GROUP TEBIM TEBITAGEM TTGRTUI - Orb Animation [pixi.js] + Frosty Elements ❄️
This is the final code example for my upcoming tutorial on creating a generative UI with a super zen orbs animation (built with pixi.js) and a nice frosty UI.
The colors here are generative too!
A full guide to creating this pen can be found here https://anchor.fm/harunpehlivan 🚀
A Pen by HARUN PEHLİVAN on CodePen.
harunpehlivan
/ angular-interactive-box-model-diagram.markdown
Created
June 8, 2021 13:05
angular interactive box-model diagram
angular app to visualize the box-model and see how changing the value of box-sizing affects element size and which properties contrinbute.
A Pen by HARUN PEHLİVAN on CodePen.
NewerOlder