CSS for button with right triangle at lower right [closed]

by

Change color, height and width as per your requirement.

div {
  height: 300px;
  background: red;
  position: relative;
}

div:before {
  content: '';
  position: absolute;
  bottom: 0; right: 0;
  border-bottom: 80px solid white;
  border-left: 80px solid red;
  width: 0;
}
<div class="informational"></div>

More Related Contents:

  1. What’s the difference between SCSS and Sass?
  2. Import regular CSS file in SCSS file?
  3. How do I use /deep/ or >>> or ::v-deep in Vue.js?
  4. Angular-cli from css to scss
  5. Sass Variable in CSS calc() function
  6. How to dynamically generate a list of classes with commas separating them?
  7. Sass Invalid CSS Error: “expected expression”
  8. Can I use variables for selectors?
  9. Dynamic Sass Variables
  10. Extending selectors from within media queries with Sass
  11. What does an “&” before a pseudo element in CSS mean?
  12. Customize Bootstrap 4’s grid-system Breakpoints
  13. @import in @if statement in Sass
  14. Next.js Global CSS cannot be imported from files other than your Custom
  15. Proper SCSS Asset Structure in Rails
  16. What does ‘&.’ in ‘&.sub-title’ indicates in scss?
  17. Sass negative variable value?
  18. SASS indented syntax on multiple lines?
  19. Rails 4: how do I use Sass Mappings?
  20. SASS – use variables across multiple files
  21. Placeholder Mixin SCSS/CSS
  22. Sass @each variable interpolation [duplicate]
  23. Does LESS have an “extend” feature?
  24. How to control number of items per row using media queries in Flexbox?
  25. Text Stroke (-webkit-text-stroke) css Problem
  26. Pass function or mixin by reference in SASS
  27. SASS for loop updating hsla lightness returns error $lightness: “96.77419” is not a number for `hsla’
  28. Using @font-face with Rails 3.1 app?
  29. How to combine and use multiple Next.js plugins
  30. SASS CSS: Target Parent Class from Child

Leave a Comment