Breaking News: Grepper is joining You.com. Read the official announcement!

how make elements move with a press and hold affect using transition in css

Matthew “matwal” Walton answered on September 9, 2024 Popularity 2/10 Helpfulness 1/10

answer how make elements move with a press and hold affect using transition in css

related my ejempl

how make elements move with a press and hold affect using transition in css

Comment

p {
  font-size: x-large;
  color: white;
  width: 40%;
  background-color: blueviolet;
  transition: width 3s;
}

p:active {
  width: 100%;
}

Popularity 2/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css elements move transition using

Link to this answer
Share Copy Link

Contributed on Sep 09 2024

Matthew “matwal” Walton

0 Answers Avg Quality 2/10

Closely Related Answers

my ejempl

Comment

import React from "react"
import ContentLoader from "react-content-loader"

const MyLoader = (props) => (
	<ContentLoader
						key={index}
						speed={2}
						width={192}
						height={268}
						viewBox="0 0 192 268"
						backgroundColor="#e8e8e8"
						foregroundColor="#f0f0f0"
						{...props}>
						<rect x="-4" y="-1" rx="5" ry="5" width="198" height="198" />
						<rect x="6" y="199" rx="5" ry="5" width="146" height="18" />
						<rect x="6" y="245" rx="5" ry="5" width="87" height="18" />
						<rect x="5" y="220" rx="5" ry="5" width="126" height="18" />
						<circle cx="157" cy="250" r="15" />
					</ContentLoader>
)

export default MyLoader

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: skeletonreact.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Sep 09 2024

Awful Alligator

0 Answers Avg Quality 2/10

how make elements move with a press and hold affect using transition in css

Contents

More Related Answers

how make elements move with a press and hold affect using transition in css

Closely Related Answers

my ejempl

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.