src/style.css
@@ -1,3 +1,7 @@ @tailwind base; @tailwind components; @tailwind utilities; html,body { width: 100%; height: 100%; @@ -11,3 +15,24 @@ margin: 0; } .width-img { width: 100%; display: block; } /* fade-transform */ .fade-transform-leave-active, .fade-transform-enter-active { transition: all 0.2s; } .fade-transform-enter-from { opacity: 0; transition: all 0.2s; transform: translateX(-30px); } .fade-transform-leave-to { opacity: 0; transition: all 0.2s; transform: translateX(30px); }