Search
 
SCRIPT & CODE EXAMPLE
 

CSS

Plusing with CSS

HTML:
<div class="pulse"></div>

CSS:
.pulse {
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
  @-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
  @-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
  @-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
  @keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
Comment

PREVIOUS NEXT
Code Example
Css :: Creating Intrinsic Ratios 
Css :: css change scroll anchor point under navbar 
Css :: Enhancer for Youtube DeepDark Theme 
Css :: css style nth child beyond certain number 
Css :: css padding top screen height 
Css :: text-decoration not working in microsoft mail 
Css :: html css psd 
Css :: ubuntu tor browser verification failed 
Css :: CSS style all div elements 
Css :: revert workflow version servicenow 
Css :: Screen reader text for SEO 
Css :: Getting strated with boostrap css for html and Reacr framework 
Css :: create an irregular shape div css 
Css :: countload on pageloading in html css 
Css :: farther of genetics 
Css :: text stil 
Css :: angular set encapsulated body to full height 
Css :: tailwind css checked 
Css :: border thickness css 
Css :: saas mixin 
Css :: widht of the elemt 
Css :: full calendar custom css 
Css :: how to keep style after click 
Css :: html first letter uppercase 
Css :: only outline on keybord 
Css :: color: inherit; 
Css :: css animation-duration 
Css :: 303,592 HDK to pounds 
Typescript :: prettier not working with tsx 
Typescript :: first principle in testing 
ADD CONTENT
Topic
Content
Source link
Name
8+4 =