Home/ Questions/Q 8995097
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T23:34:26+00:00

WHen ever I try and create a transition, the styles fade in to the

  • 0

WHen ever I try and create a transition, the styles fade in to the elements, not just when hovered(an example). I really don’t know what the issue is, and don’t know where to start looking to fix this.

Example:

input[type='text'] {
    transition:.15s all;
    -webkit-transition:.15s all;
    -moz-transition:.15s all;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    color: #545454;
    font-size: 15px;
    padding: 4px;
    margin-bottom: 6px;
}

The size, expands when I load the page, along with the border. Any ideas on what the issue is?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem here is, that you set the transition as default.
    If you do it like this:

    input[type='text'] {
   border: 1px solid #DEDEDE;
   border-radius: 5px;
   color: #545454;
   font-size: 15px;
   padding: 4px;
   margin-bottom: 6px;
}

input[type='text']:hover {
   transition:.15s all;
   -webkit-transition:.15s all;
   -moz-transition:.15s all;
   font-size: 17px;
   color: black;
}

    It will only active the transition if you hover the input.

    • 0