EYES PRODUCT RANKING
Best viewed on Desktop
EYES PRODUCT RANKING
/* Here you can add custom CSS for the current table */
/* Lean more about CSS: https://en.wikipedia.org/wiki/Cascading_Style_Sheets */
#supsystic-table-82 { border-left: black 1px solid;
}
#supsystic-table-82 tbody { border-top: black 1px solid;
}
#supsystic-table-82 tbody tr { border-bottom: black 1px solid;
}
#supsystic-table-82_wrapper {
}
/*.supsystic-table-5_wrap {
border-style: solid;
position: relative;
width: 250px;
overflow: hidden;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
}*/
#supsystic-table-82 tbody td {
border-right: black 1px solid;
}
#rcorners1 {
border-radius: 20px;
background: #bfbfbf;
padding: 8px;
width: 65px;
height: 20px;
text-align: center;
padding-bottom:10px;
color: #ffffff;
}
.step {
background: #d5519d;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
color: #ffffff;
display: inline-block;
/*font-weight: bold;*/
line-height: 2.1em;
margin-right: 1px;
text-align: center;
width: 2.1em;
}
#step {
background: #d5519d;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
color: #ffffff;
display: inline-block;
/*font-weight: bold;*/
line-height: 2.1em;
margin-right: 1px;
text-align: center;
width: 2.1em;
}
#rcorners2 {
border-radius: 20px;
background: #bfbfbf;
padding: 10px;
width: 1055px;
height: 20px;
text-align: center;
padding-bottom:10px;
color: #ffffff;
}
#circle-text {
display: table-cell;
height: 200px; /*change this and the width
for the size of your initial circle*/
width: 200px;
text-align: center;
vertical-align: middle;
border-radius: 50%;
/*make it pretty*/
background: #d34298;
color: #fff;
font: 18px "josefin sans", arial; /*change this
for font-size and font-family*/
}
.solid {
border-style: solid;
}
Rank | Brand | 2020 | Previous Rank |
1 | L'Oreal | 17% | 1 |
2 | Benefit Cosmetics | 12% | 3 |
3 | Anastasia Beverly Hills | 11% | 4 |
4 | Inglot | 9% | 2 |
5 | NYX | 9% | 6 |
6 | Make Up Forever | 6% | 5 |
7 | Urban Decay | 5% | 7 |
8 | MAC | 4% | 8 |
9 | Maybelline | 3% | 9 |
10 | The Balm Cosmetics | 3% | 10 |
11 | Bourjois | 2% | 12 |
12 | SauceBox Cosmetics | 2% | 13 |
13 | Morphe | 2% | 14 |
14 | Hot Makeup | 2% | 16 |
15 | Huda Beauty | 1% | 11 |
16 | Bassam Fattouh Cosmetics | 1% | 76 |
17 | Rimmel | 1% | 20 |
18 | Too Faced | 1% | 19 |
19 | Lancôme | 1% | 18 |
20 | Kylie Cosmetics | 1% | 15 |
21 | Flormar | 1% | 134 |
22 | Sephora | 1% | 60 |
/* Here you can add custom CSS for the current table */
/* Lean more about CSS: https://en.wikipedia.org/wiki/Cascading_Style_Sheets */
#supsystic-table-144 { border-left: black 1px solid;
}
#supsystic-table-144 tbody { border-top: black 1px solid;
}
#supsystic-table-144 tbody tr { border-bottom: black 1px solid;
}
#supsystic-table-144_wrapper {
}
/*.supsystic-table-5_wrap {
border-style: solid;
position: relative;
width: 250px;
overflow: hidden;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
}*/
#supsystic-table-144 tbody td {
border-right: black 1px solid;
}
#rcorners1 {
border-radius: 20px;
background: #bfbfbf;
padding: 8px;
width: 65px;
height: 20px;
text-align: center;
padding-bottom:10px;
color: #ffffff;
}
.step {
background: #d5519d;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
color: #ffffff;
display: inline-block;
/*font-weight: bold;*/
line-height: 2.1em;
margin-right: 1px;
text-align: center;
width: 2.1em;
}
#step {
background: #d5519d;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
color: #ffffff;
display: inline-block;
/*font-weight: bold;*/
line-height: 2.1em;
margin-right: 1px;
text-align: center;
width: 2.1em;
}
#rcorners2 {
border-radius: 20px;
background: #bfbfbf;
padding: 10px;
width: 1055px;
height: 20px;
text-align: center;
padding-bottom:10px;
color: #ffffff;
}
#circle-text {
display: table-cell;
height: 200px; /*change this and the width
for the size of your initial circle*/
width: 200px;
text-align: center;
vertical-align: middle;
border-radius: 50%;
/*make it pretty*/
background: #d34298;
color: #fff;
font: 18px "josefin sans", arial; /*change this
for font-size and font-family*/
}
.solid {
border-style: solid;
}
Rank | Brand | 2019 | 2020 | Previous Rank | Categories Appearing In | ||
1 | L'Oreal | 20% | 17% | 1 | - | Complexion - Skin Care - Lips | |
2 | Benefit Cosmetics | 10% | 12% | 3 | Complexion - Lips | ||
3 | Anastasia Beverly Hills | 9% | 11% | 4 | Complexion - Lips | ||
4 | Inglot | 10% | 9% | 2 | Complexion | ||
5 | NYX | 8% | 9% | 6 | Complexion - Skin Care - Lips | ||
6 | Make Up Forever | 8% | 6% | 5 | Complexion - Skin Care - Lips | ||
7 | Urban Decay | 6% | 5% | 7 | - | Complexion - Lips | |
8 | MAC | 4% | 4% | 8 | - | Complexion - Skin Care - Lips | |
9 | Maybelline | 3% | 3% | 9 | - | Complexion - Lips | |
10 | The Balm Cosmetics | 3% | 3% | 10 | - | Complexion - Lips | |
11 | Bourjois | 2% | 2% | 12 | Complexion | ||
12 | #N/A | SauceBox Cosmetics | 2% | 2% | 13 | Complexion | |
13 | #N/A | Morphe | 2% | 2% | 14 | Complexion | |
14 | #N/A | Hot Makeup | 1% | 2% | 16 | Complexion - Lips | |
15 | Huda Beauty | 2% | 1% | 11 | Complexion - Lips | ||
16 | Bassam Fattouh Cosmetics | 0% | 1% | 76 | Complexion | ||
17 | Rimmel | 1% | 1% | 20 | Lips | ||
18 | Too Faced | 1% | 1% | 19 | Complexion - Skin Care - Lips | ||
19 | Lancôme | 1% | 1% | 18 | Complexion | ||
20 | Kylie Cosmetics | 1% | 1% | 15 | - | ||
21 | #N/A | Flormar | 0% | 1% | 134 | ||
22 | Sephora | 0% | 1% | 60 | |||