Kaia Gerber Legs In Mini Dress (17 Photos)

A frivolous floral dress is an indispensable thing for summer, because it is difficult to argue about its versatility and convenience. Kaia Gerber already wears a similar model with Mary Jane ballet flats and looks French – like the heroine of a movie about love. A short mini dress exposes Kaia’s sexy legs and it seems a little more and we will see her upskirt panties. But the paparazzi could not take a picture from the right angle, and the weather that day was windless.

.button-wrapper {
display:flex;
background-color: red;
padding: 10px 0;
margin-top: 30px;
margin-bottom: 10px;
justify-content: center;
}

.button {
font-size: 24px;
color: #fff;
}

.arrow-left {
margin-top: 15px;
margin-left: 20px;
}

.arrow-right {
margin-top: 15px;
margin-right: 20px;
}

.arrow-left span {
display: block;
width: 15px;
height: 15px;
border-bottom: 3px solid #fff;
border-left: 3px solid #fff;
margin: -2px;
animation: arrow-left 1s infinite;
float: left;
}

.arrow-right span {
display: block;
width: 15px;
height: 15px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
margin: -2px;
animation: arrow-right 1s infinite;
float: right;
}

.arrow-left span:nth-child(2){
animation-delay: -0.1s;
}

.arrow-left span:nth-child(3){
animation-delay: -0.2s;
}

.arrow-right span:nth-child(2){
animation-delay: -0.1s;
}

.arrow-right span:nth-child(3){
animation-delay: -0.2s;
}

@keyframes arrow-left {
0%{
opacity: 0;
transform: rotate(45deg) translate(-0px,-0px);
}
50%{
opacity: 1;
}
100%{
opacity: 0;
transform: rotate(45deg) translate(0px,0px);
}
}

@keyframes arrow-right {
0%{
opacity: 0;
transform: rotate(-45deg) translate(-0px,-0px);
}
50%{
opacity: 1;
}
100%{
opacity: 0;
transform: rotate(-45deg) translate(0px,0px);
}
}

@media screen and (max-width:280px){
.button {
font-size: 8px;
}
.arrow-left, .arrow-right {
margin-top: 6px;
}
.arrow-left span, .arrow-right span {
width: 4px;
height: 4px;
}
.arrow-left {
margin-left: 10px;

}
.arrow-right {
margin-left: 8px;
margin-right: 10px;
}
}

@media screen and (min-width:281px) and (max-width: 320px){
.button {
font-size: 9px;
}
.arrow-left, .arrow-right {
margin-top: 6px;
}
.arrow-left span, .arrow-right span {
width: 5px;
height: 5px;
}
.arrow-left {
margin-left: 10px;

}
.arrow-right {
margin-left: 8px;
margin-right: 10px;
}
}

@media screen and (min-width:321px) and (max-width: 350px) {
.button {
font-size: 10px;
}
.arrow-left, .arrow-right {
margin-top: 7px;
}
.arrow-left span, .arrow-right span {
width: 6px;
height: 6px;
}
}

@media screen and (min-width:351px) and (max-width: 370px) {
.button {
font-size: 11px;
}
.arrow-left, .arrow-right {
margin-top: 7px;
}
.arrow-left span, .arrow-right span {
width: 7px;
height: 7px;
}
}

@media screen and (min-width:371px) and (max-width: 399px) {
.button {
font-size: 12px;
}
.arrow-left, .arrow-right {
margin-top: 7px;
}
.arrow-left span, .arrow-right span {
width: 7px;
height: 7px;
}
}

@media screen and (min-width:400px) and (max-width: 420px) {
.button {
font-size: 13px;
}
.arrow-left, .arrow-right {
margin-top: 7px;
}
.arrow-left span, .arrow-right span {
width: 8px;
height: 8px;
}
}

@media screen and (min-width:421px) and (max-width:440px) {
.button {
font-size: 14px;
}