در این پست اومدم در مورد این دو فرم لاگین توضیح برم
توضیحات :
اول از همه اومدم به تگ اچ تی ام ال و بادی display:flex دادم و ویژگی align items و justify content و مقدار center و height :100vh دادم تا محتوا از محور عمودی و افقی در مرکز قرار بگیرن .
یک تگ main به عنوان ظرف تا کل محتوا در داخلش قرار بگیرن و یک تگ form برای محتوای لاگین .
بعد برای دایره ها در داخل تگ form دو تگ section دادم و برای محتوای لاگین در داخل تگ form یک تگ section دادم .
به تگ فرم position: relative و به دایره ها position: absolute دادم تا نسبت به والد خودش موقعیت بگیره و از حالت نورمال خارج بشه تا بتونیم موقعیت بهش بدیم .
به دایره ها z-index منفی دادم تا زیر فرم قرار بگیرم و به فرم بکگراند با opacity و با ویژگی backdrop filter و با مقدار blur(10px) بکگراند فرم را شیشه ای کردیم .
محتوای داخل فرم را با flex box و ویژگی flex direction و با مقدار column hc عمودی تراز کردیم تا محتوا در یک خط از چپ به راست تراز شوند .....
