border gradient

Author: theAnshulGupta

css/main.css

@@ -142,15 +142,30 @@ figure {
 }
 
 .figure-image-e {
+  /* size */
   width: 12vw;
   height: 12vw;
   margin-left: 10px;
   margin-right: 10px;
   max-width: 200px;
   max-height: 200px;
-  border-radius: 50%;
-  border: 0.3vw solid #eeeeee;
+
+  /* border */
+  /* hover animation  */
   transition: transform 0.3s ease-out;
+
+  /* border */
+  border-radius: 180px;
+  border: double 4px transparent;
+  background-image: linear-gradient(rgb(2, 1, 1), white),
+    radial-gradient(circle at top left, rgb(175, 131, 175), rgb(145, 8, 31));
+  background-origin: border-box;
+  background-clip: content-box, border-box;
+  animation: animated-gradient 2s linear infinite;
+
+  /* border-radius: 50%;
+  border: 0.3vw solid #eeeeee;
+  transition: transform 0.3s ease-out; */
 }
 
 .figure-image-e3 {
@@ -162,7 +177,6 @@ figure {
   min-width: 80px;
   min-height: 80px;
 
-  /* border */
   /* hover animation  */
   transition: transform 0.3s ease-out;