property box-shadow css

Question

property box-shadow css

Navigation

#1 by (0 votes)

1

Good evening, I created a css to validate my textbox and put the property

box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

When I run the application the style is not applied in the textbox and in the css code it gives the following message:

Validation CSS3.0: rgba (0, 0, 0, .075) is not a valid value for the box-shadow property.

Would that be the error?

CSS Code:

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

css

asked by anonymous 14.06.2016 / 04:37

1 answer

ZFTool does not work, returns the application html [Zend Framework] What is the disadvantage in not using a route file in php?

score 0 · Answer 1

Man, the box-shadow opacity should be declared different.

.form-control {
  ...
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);
  ...
}

or as Sergio put it up on link

.form-control {
  ...
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .75);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .75);
  ...
}

look at this example in link

Declaration in opacity:

.sua_classe{ 
  opacity: 0.5; /* Browsers Modernos */
  filter: alpha(opacity=50);  /* IE 5-7 */
}