Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Dimmer] Hover Dimmer #1178

Open
GammaGames opened this issue Nov 15, 2019 · 0 comments
Open

[Dimmer] Hover Dimmer #1178

GammaGames opened this issue Nov 15, 2019 · 0 comments
Assignees
Labels
lang/css Anything involving CSS type/feat Any feature requests or improvements

Comments

@GammaGames
Copy link
Contributor

GammaGames commented Nov 15, 2019

Feature Request

Description

While text overlays were implemented here, I think a css-only variation would be welcome so users do not have to use the transition module for a basic fading text overlay.

I also think, if implemented, it would be nice to show an example in the variations section for image, because dimmer is not the section I would have looked to find the text overlay feature.

Example

It can be implemented (roughly) with the following css:

.ui.hover.dimmer {
  display: flex;
  transition: opacity .25s ease-in-out;
}

.ui:hover>.ui.hover.dimmer {
    opacity: 1;
}

Testcase

https://jsfiddle.net/24by6z1r/

Screenshot (when possible)

Screen record from 2019-11-15 16 44 55

@GammaGames GammaGames added the type/feat Any feature requests or improvements label Nov 15, 2019
@lubber-de lubber-de added the lang/css Anything involving CSS label Nov 16, 2019
@lubber-de lubber-de self-assigned this Sep 22, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
lang/css Anything involving CSS type/feat Any feature requests or improvements
Projects
None yet
Development

No branches or pull requests

2 participants