<Back
CSS animation ripple

8/31/2022

A simple example of how to implement ripple animation using HTML and CSS.

<span class="pulse"></span>

.pulse {
  margin:100px;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #cca92c;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

Hashtags:

#css

Share:

Lates

About graphs, simply.

12/18/2022

In this article, we will begin our acquaintance with graphs, get acquainted with the breadth-first search algorithm (BFS) and implement the graph in the Rust programming language.

#graphs

#algorithms

#rust

What is the difference between outsourcing development and outstaffing an IT employee for development?

10/17/2022

In this article we will understand what outsourcing and outstaff development are.

#developmentprocess

UI/UX design: The creation process

4/9/2023

In this article we will talk about the main steps in the process of creating UI/UX design.

#developmentprocess

UI/UX design: Introduction

3/29/2023

In this article, we begin to get acquainted with UI / UX design. This is the most important stage in the development of any visual application interface.

#developmentprocess

Meet the Pentest

8/22/2022

We are beginning to consider one of the main methods of assessing the security of computer systems and networks for potential vulnerabilities - penetration testing

#pentest

Reducing the implementation period of MVP

12/8/2022

Let's figure out the timing of the implementation of the MVP.

#developmentprocess

Choosing a programming language

3/17/2023

In this article we will talk about choosing a programming language to study

#wannacode

Testing an MVP concept

1/9/2023

We will figure out how not to waste the budget on MVP development in vain

#developmentprocess

Application Architecture Design: Introduction

3/6/2023

In this article, we will talk about the process of creating the architecture of an IT solution.

#developmentprocess

The terms of references: Structure

2/17/2023

In this publication we will consider the universal structure of ToR

#developmentprocess

Incorrect estimation of the cost of IT contractor services

9/10/2022

Today we will talk about the incorrect assessment of the cost of developing IT solutions. This pain is one of the main ones for enterprises and startups, including IT contractors themselves.

#consultin

Introduction to Design Patterns in Software Development

10/3/2022

In this article, we will begin to dive into the world of optimizing application architecture using design patterns.

#designpatterns

Choosing the direction of development for programming training

2/5/2023

In this article, you will find out what areas of IT development there are, how they differ and in which they pay more

#wannacode

OSI Model Levels

9/6/2022

In this article, we will take a closer look at each of the levels of the OSI model

#networks

#osi

Main types of application architecture

3/7/2023

In this publication, we will look at what application architectures are

#developmentprocess

10 ways to use Rust Cargo

2/11/2023

In this short article I have collected 10 ways to use the build system and package manager of the Rust programming language

#rust

#cargo

Documenting code in the Rust programming language

8/24/2022

In this article, we will look at how documentation takes place in Rust and consider a very useful opportunity - writing tests through documentation.

#rust

Introduction to the OSI model

8/19/2022

In this article we begin to consider the fundamental model of network interaction - OSI

#networks

What is the purpose of an ER-diagram in the development process?

4/28/2023

Let's discuss in general terms what an ER diagram is and what it is used for.

#developmentprocess

From concept to MVP

11/18/2022

In this article, you will learn, by example, how to move from a concept to an MVP without unnecessary complications in the functionality of the product

#developmentprocess

What are UML diagrams used for?

5/23/2023

In this article we will talk about what UML diagrams are, what they are and where they are used

#developmentprocess

Introduction to writing the terms of references

1/31/2023

The Terms of Reference are an important part of the development process. In this article, we will begin to dive into this issue.

#developmentprocess

Introduction to software development

10/10/2022

Today, most companies are faced with IT development and often do not get what they want. In this article, we begin to dive into the process of creating IT solutions.

#developmentprocess