DailyFront

• Frontだけを使用するプロジェクト
• GIFフォルダに完成したGIFファイルがあります

Motivation

Front勉強をするためのプロジェクト

Tech/framework used

• Frameworks & Tools : Visual Studio Code
• Web Developement : HTML、JavaScript、CSS
• Operating Systems : Windows 10
• Development period : 2020.11.11~

GIF

• Loading_Animation

  

• Responsive_Login_Page

• Starbucks_Landing_Page_Website_Design

• Neumorphism_Cards

• Countdown_Timer

• Contact_Info_Box_Hover_Effects_01

• Contact_Info_Box_Hover_Effects_02

• Neon_Light_Button_Animation_Effects

  

• Newsletter_with_Animated_Floating_Input_Labels

• User_Account_Dropdown_Menu

  

• Responsive_Login_and_Registration_Form

• Simple_Modal

  

• Responsive_Footer_Design

• Check_Email_Validation

  

• Creative_CSS_Black Friday_Banner_Effects

• Image_Hover_Effects

• Countdown_to_New_Year_2021

• User_Card_Hover_Effects

• Glowing_Gradient_Loader

  

• Wavy_Section_Animation_Effects

• How_To_Make_a_Calculator

  

• 3D_Flip_Hover_Effects

• Slide_Up_On_Hover

• Neumorphism_Animation

• Animated_Christmas_Banner

• Cursor_Hover_Effects

• Transparent_3D_Flip_Card_UI_Design

• Live_Letters_Counter

• Long_Box_Shado

• Happy_New_Year_2021

• Clip-path_Button_Hover_Effects

• Text_Animation

• Circle_Text_Animation

• Clock_UI_Design

• Full_Page_Scrolling_Effect

• CSS_Clip_path Mouseove_Effects

• Popup_Vanilla_Javascript

• How_To_Use_Particle

• Text_Typing_Animation_Effects

• Random_Background

• Graident_Drop_Shadow

• Glassmorphism_Icon_Hover_Effects

• Scratch_Effects_using_wScratchPad

• Responsive_Client_Testimonial_Section

• CSS_Hexagon_Div_Hover_Effects

• CSS_Javascript_Background_Animation_Effects

• Cocacola_Website_Landimg_Page

• Brands_1

• Brands_2