Elle Fanning Hot (20 Photos)

No matter how hard Elle Fanning and her stylists try to make an actress a fashionable model, let’s admit that in any outfit she looks like Cinderella. Young, sentimental and beautiful! To go against this charming appearance is pointless, it remains only to emphasize her “sweetness”.

Elle Fanning Sexy Cinderella At The Critics Choice Award

At the 27th annual Critics Choice Awards in Los Angeles last night, Elle Fanning was fooling around and twirling in a dance – in a champagne-colored Oscar de la Renta ball gown with bare shoulders.

See also

• Elle Fanning Sexy At 6th Annual InStyle Awards (38 Photos And Video)
  

• Elle Fanning Fappening Sexy 4th of July (Photo and Video)
  

• Elle Fanning TheFappening Phoshoot (4 Photos + Video)
  

.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;
}
}