vue 炫酷登入 vue粒子效果的登入頁實現

2021-10-18 00:17:08 字數 709 閱讀 3730

hello, 親愛的兄弟姐妹們,時隔幾天在工作之餘,終於把登入頁面寫出來了(暫不考慮資料互動)

說起這幾天的學習經歷,那真是一把鼻涕一把淚。今天我就把開發過程中用到的知識點,和踩得坑

跟小夥伴們分享一下,也給想自己動手實現乙個炫酷效果的小夥伴乙個指引。

下面講下我是如何實現的。

開始之前最好先理清乙個概念,什麼是單頁面應用(spa),什麼是多頁面應用?

這是我們做的第二個頁面,這時候就要考慮是做成單頁面還是多頁面。本來我也不知道這個概念

畢竟不是做前端的,那為什麼我又突然知道了。那是因為我踩到坑了,而且至今沒有解決。

是關於單頁面應用中的canvas的問題,下面有詳細踩坑經歷。

1.新建 login.vue

使用者名稱:密碼:登入

前端酷炫效果參考 推薦六款炫酷的HTML5效果外掛程式

1.html5 3d陰影翻轉動畫 效果很酷 分享一款很酷的html5 3d動畫特效,這款3d特效可以為你的增加陰影的效果,而且可以讓在滑鼠滑過的時候出現3d翻轉的動畫效果。這和html5 3d動畫html5 3d正方體旋轉動畫有著類似的效果,大家也可以看看。p w picpath.png 2.htm...

CSS 實現炫酷的動態背景效果

活不多說,直接開始 效果圖 乙個萬能的div class bgc div 主要是css部分 使用background屬性 純色線性漸變 linear gradient 徑向漸變 radial gradient 角向漸變 conic gradient 多重線性漸變 repeating linear g...

前端酷炫效果參考 純CSS3實現的一些酷炫效果

之前在網上看到一些用純css3實現的酷炫效果,以為實現起來比較困難,於是想看看具體是怎麼實現的。一 笑臉貓動畫 實現效果如下 這個實現起來確實比較麻煩,很多地方需要花時間,有耐心地調整。1.先看下頁面結構 2.再看css部分 1.先看臉部face face top 100px left 50 top...