Browse Source

Station card transitions

Owen Diffey 7 years ago
parent
commit
0083d137c4
1 changed files with 3 additions and 0 deletions
  1. 3 0
      frontend/components/pages/Home.vue

+ 3 - 0
frontend/components/pages/Home.vue

@@ -233,6 +233,8 @@
 		cursor: pointer;
 		cursor: pointer;
 		height: 475px;
 		height: 475px;
 
 
+		transition: all ease-in-out 0.2s;
+
 		.card-content {
 		.card-content {
 			max-height: 159px;
 			max-height: 159px;
 
 
@@ -251,6 +253,7 @@
 
 
 	.station-card:hover {
 	.station-card:hover {
 		box-shadow: 0 2px 3px rgba(10, 10, 10, 0.3), 0 0 10px rgba(10, 10, 10, 0.3);
 		box-shadow: 0 2px 3px rgba(10, 10, 10, 0.3), 0 0 10px rgba(10, 10, 10, 0.3);
+		transition: all ease-in-out 0.2s;
 	}
 	}
 
 
 	/*.isPrivate {
 	/*.isPrivate {