Megan Fox Hot In Mini (4 Photos)
Hollywood actress Megan Fox and her wardrobe were tightly “stuck” in the late 1990s — early 2000s. Fortunately, these are the most relevant fashion decades today. One of the signs of that time was tiny stretch mini dresses with thin straps. A win—win combo – animalistic colors, for example, under a zebra or leopard.
Megan Fox Hot In Mini
This is exactly the outfit Megan Fox brought with her in a suitcase on a tour of Latin America, in which she accompanies her future husband — rocker Machine Gun Kelly. Judging by the extreme length of the stretch dress, it hardly took up any space in her luggage at all, but it beautifully exposed the sexy legs of the actress.
See also
.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;
}
.arrow-left, .arrow-right {
margin-top: 10px;
}
.arrow-left span, .arrow-right span {
width: 8px;
height: 8px;
}
}
@media screen and (min-width:441px) and (max-width:480px) {
.button {
font-size: 15px;
}
.arrow-left, .arrow-right {
margin-top: 10px;
}
.arrow-left span, .arrow-right span {
width: 10px;
height: 10px;
}
}
@media screen and (min-width:481px) and (max-width:525px) {
.button {
font-size: 17px;
}
.arrow-left, .arrow-right {
margin-top: 10px;
}
.arrow-left span, .arrow-right span {
width: 11px;
height: 11px;
}
}
@media screen and (min-width:526px) and (max-width:599px) {
.button {
font-size: 18px;
}
.arrow-left, .arrow-right {
margin-top: 10px;
}
.arrow-left span, .arrow-right span {
width: 12px;
height: 12px;
}
}
@media screen and (min-width:600px) and (max-width:635px) {
.button {
font-size: 14px;
}
.arrow-left, .arrow-right {
margin-top: 10px;
}
.arrow-left span, .arrow-right span {
width: 8px;
height: 8px;
}
}
@media screen and (min-width:636px) and (max-width:670px) {
.button {
font-size: 15px;
}
.arrow-left, .arrow-right {
margin-top: 10px;
}
.arrow-left span, .arrow-right span {
width: 9px;
height: 9px;
}
}
@media screen and (min-width:671px) and (max-width:720px) {
.button {
font-size: 16px;
}
.arrow-left, .arrow-right {
margin-top: 10px;
}
.arrow-left span, .arrow-right span {
width: 10px;
height: 10px;
}
}
@media screen and (min-width:721px) and (max-width:780px) {
.button {
font-size: 17px;
}
.arrow-left, .arrow-right {
margin-top: 10px;
}
.arrow-left span, .arrow-right span {
width: 12px;
height: 12px;
}
}
@media screen and (min-width: 781px) and (max-width:899px) {
.button {
font-size: 18px;
}
.arrow-left, .arrow-right {
margin-top: 10px;
}
.arrow-left span, .arrow-right span {
width: 12px;
height: 12px;
}
}
@media screen and (min-width:900px) and (max-width:1400px){
.button {
font-size: 22px;
}
.arrow-left, .arrow-right {
margin-top: 10px;
}
.arrow-left span, .arrow-right span {
width: 15px;
height: 15px;
}
}
@media (max-width: 920px) {
.widget-frame {
height: 570px!important;
}
}
@media (max-width: 425px) {
.widget-frame {
height: 745px!important;
}
}