IconHoverEffects | simple round icon hover effects with CSS transitions | Animation library

by codrops CSS Version: Current License: No License

X-Ray Key Features Code Snippets Community Discussions(1)Vulnerabilities Install Support

kandi X-RAY | IconHoverEffects Summary

IconHoverEffects is a CSS library typically used in User Interface, Animation applications. IconHoverEffects has no bugs, it has no vulnerabilities and it has low support. You can download it from GitHub.

A set of simple round icon hover effects with CSS transitions and animations for your inspiration.

Support

Quality

Security

License

Reuse

Support

IconHoverEffects has a low active ecosystem.

It has 707 star(s) with 173 fork(s). There are 38 watchers for this library.

It had no major release in the last 6 months.

There are 1 open issues and 1 have been closed. On average issues are closed in 160 days. There are no pull requests.

It has a neutral sentiment in the developer community.

The latest version of IconHoverEffects is current.

Quality

IconHoverEffects has no bugs reported.

Security

IconHoverEffects has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

License

IconHoverEffects does not have a standard license declared.

Check the repository for any license declaration and review the terms closely.

Without a license, all rights are reserved, and you cannot use the library in your applications.

Reuse

IconHoverEffects releases are not available. You will need to build from source code and install.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of IconHoverEffects

Get all kandi verified functions for this library.

IconHoverEffects Key Features

No Key Features are available at this moment for IconHoverEffects.

IconHoverEffects Examples and Code Snippets

No Code Snippets are available at this moment for IconHoverEffects.

Community Discussions

Trending Discussions on IconHoverEffects

Transform scale change position element after in hover

QUESTION

Transform scale change position element after in hover

Asked 2019-Feb-20 at 20:04

I try using transform:scale(1.2) to obtain the effect of an appearing circle around the icon. transform I added to the .icon-style:hover::after.

Now this code is commented, please uncomment this code to see what I want to get.

For example I trying doing something like this: click. But scale change position circle.

I read this article, but I don't now how to use transform-origin in my CSS.

Demo: JSFiddle

...

ANSWER

Answered 2019-Feb-20 at 19:57

First of all, the transform in your hover (.icon-style:hover::after) is overwriting your transform: translate(-50%, -50%);. A way to fix it is to add the translate to the hover too:

Source https://stackoverflow.com/questions/54794132

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install IconHoverEffects

You can download it from GitHub.

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: