CSS - Gradient Transparency


SUBMITTED BY: onerisgf

DATE: May 3, 2020, 12:14 a.m.

FORMAT: Text only

SIZE: 807 Bytes

HITS: 439

  1. /*#box{
  2. width: 300px;
  3. height: 300px;
  4. background: url("../img/camera.png");
  5. }
  6. #box h1{
  7. background: rgba(255, 255, 255, 0.5);
  8. WHEN "RGBA" IS USED THE LAST NUMBER DETERMINES TRANSPARENCY FROM 0 AS LESS TO 1 AS GREATER.
  9. border-bottom: 2px white solid;
  10. }*/
  11. #box{
  12. width: 300px;
  13. height: 300px;
  14. background: linear-gradient(10deg, red,yellow,green);
  15. /*background: radial-gradient(red, yellow, green);*/
  16. }
  17. /*
  18. LINEAR-GRADIENTE MAKES A DEGRADE STARTING FROM LOW TO THE TOP. TO CHANGE THE START PUT THE FOLLOWING COMMAND BEFORE THE COLOR: "to left", "to right", ETC ... IT IS ALSO POSSIBLE TO DIRECT THE ROTATION THROUGH THE COMMAND: "20deg", "80deg", ETC ...
  19. RADIAL-GRADIENT CREATES A RADIAL DEGRADE OR BE CIRCULAR.
  20. */

comments powered by Disqus