Skip to content
This repository was archived by the owner on May 5, 2023. It is now read-only.

Commit 5726d90

Browse files
committed
Merge branch 'development' of https://github.com/DesignSystemsOSS/eccentrictouch into development
2 parents 7d80fb5 + a0dee18 commit 5726d90

1 file changed

Lines changed: 44 additions & 4 deletions

File tree

src/lib/components/cards/cards.scss

Lines changed: 44 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -15,15 +15,55 @@
1515
1616
* ? Have a nice day!
1717
*/
18-
19-
/**
18+
/**
2019
Author: The DesignSystems
2120
LICENSE: https://www.github.com/DesignSystemsOSS/eccentrictouch/blob/master/LICENSE
2221
(c) All Copyrights are reserved by The DesignSystems
2322
*/
24-
23+
2524
/// ALL CARDS RELATED CSS IS WRITTEN BELOW
2625

2726
.cartoon_card-01 {
2827
color: black;
29-
}
28+
}
29+
.container{
30+
background-color:#fff ;
31+
padding:30px;
32+
margin: 10px;
33+
width: 15%;
34+
height: 30%;
35+
box-sizing: border-box;
36+
transition: ease-in-out 0.2s;
37+
font-family: Poppins;
38+
}
39+
40+
.container:hover{
41+
transform: scale(1.1);
42+
43+
}
44+
45+
46+
.Fold {
47+
position: absolute;
48+
left: 50%;
49+
top: 55%;
50+
width: 400px;
51+
height: 200px;
52+
background-color: #4EE73C;
53+
position: absolute;
54+
}
55+
56+
57+
58+
.Fold:after {
59+
position: absolute;
60+
content: '';
61+
right: 0;
62+
top: 0;
63+
transition:0.4s ease-in-out;
64+
}
65+
66+
.Fold:hover:after {
67+
border-bottom: 50px solid black;
68+
border-right: 50px solid white;
69+
}

0 commit comments

Comments
 (0)