Search
Get Started
PD
Program Dream
โข
2y ago
<Tim>
so you have an outer div that gets the scale on hover and the inner div does the floaty bubble stuff
so you have an outer div that gets the scale on hover and the inner div does the floaty bubble stuff
Program Dream
Join
Weโreย a community of programmers. Weโre developing ๐ Websites, ๐ฎ Games, ๐ค Discord bots, and various applications in
2,692
Members
View on Discord
Was this page helpful?
Yes
No
<
<Tim>
OP
โข
3/19/24, 10:36 PM
do you know what I mean
? If not I can implement it in the jsfiddle real quick
:
)
A
Anox3D
โข
3/19/24, 10:48 PM
Yes I think I understood
A
Anox3D
โข
3/19/24, 10:48 PM
I
'll try tomorrow
<
<Tim>
OP
โข
3/20/24, 9:33 AM
Thats really simple
. Use flex
.
<
<Tim>
OP
โข
3/20/24, 9:34 AM
Float still has it
's use cases
, but they
're very rare
. Mostly it
's a relict from the past where flex and grid did not exist
.
<
<Tim>
so you have an outer div that gets the scale on hover and the inner div does the...
A
Anox3D
โข
3/20/24, 5:12 PM
Okay so I tried multiple solutions but I did not get quite right the result
A
Anox3D
โข
3/20/24, 5:13 PM
I managed to make it scale up and float but only the text which is not centered anymore
A
Anox3D
โข
3/20/24, 5:13 PM
Or I manage to do it but it
's just bugging completely without being at its place
A
Anox3D
Okay so I tried multiple solutions but I did not get quite right the result
<
<Tim>
OP
โข
3/20/24, 10:10 PM
kk
, I updated the fiddle
(
https://jsfiddle.net/timlg07/zphdnmca/
)
bubble animation - JSFiddle - Code Playground
Test your JavaScript
, CSS
, HTML or CoffeeScript online with JSFiddle code editor
.
<
<Tim>
OP
โข
3/20/24, 10:11 PM
the scale needs to be on the outer of the 2 containers to scale up the whole bubble and not only the text
A
Anox3D
โข
3/20/24, 11:17 PM
Thank you but I
'm still facing a problem
A
Anox3D
โข
3/20/24, 11:17 PM
Alone it
's working all great
A
Anox3D
โข
3/20/24, 11:17 PM
But I had to move my elements using position
: absolute
;
A
Anox3D
โข
3/20/24, 11:18 PM
And as soon as I do that it flickers when I hover them
A
Anox3D
โข
3/20/24, 11:18 PM
CSS is such a pain for nothing
A
Anox3D
But I had to move my elements using position: absolute;
<
<Tim>
OP
โข
3/20/24, 11:35 PM
then it would probably best to apply the absolute position to another container around the anchor
<
<Tim>
OP
โข
3/20/24, 11:36 PM
can you send a minimal example as fiddle
(or your whole page if possible
) where this effect occurs
?
A
Anox3D
CSS is such a pain for nothing
<
<Tim>
OP
โข
3/20/24, 11:37 PM
It
's the best we got tbh
. UI without CSS is so much more pain
.
<
<Tim>
then it would probably best to apply the absolute position to another container ...
A
Anox3D
โข
3/20/24, 11:43 PM
Oh yes eventually
A
Anox3D
โข
3/20/24, 11:43 PM
I feel like it
's always containers in containers in containers
<
<Tim>
can you send a minimal example as fiddle (or your whole page if possible) where ...
A
Anox3D
โข
3/20/24, 11:44 PM
I
'll send it tomorrow as I already turned off my computer and got to bed
A
Anox3D
โข
3/20/24, 11:44 PM
Thank you very much for the efforts you
're putting in
A
Anox3D
I feel like it's always containers in containers in containers
<
<Tim>
OP
โข
3/20/24, 11:48 PM
HTML
& CSS in a nutshell
<
<๐๐๐๐๐๐๐๐>
โข
3/20/24, 11:49 PM
Guten Tag
@houpy
!
<
<Tim>
OP
โข
3/20/24, 11:49 PM
Something doesn
't work
? Slap a container around it
!
A
Anox3D
โข
3/20/24, 11:49 PM
Aaah I hate this
A
Anox3D
โข
3/20/24, 11:49 PM
I may be too traditional for this
A
Anox3D
I'll send it tomorrow as I already turned off my computer and got to bed
<
<Tim>
OP
โข
3/20/24, 11:49 PM
Kk
, perfect
, I just turned off everything as well xD Good night
:
)
A
Anox3D
โข
3/20/24, 11:50 PM
I
'm still using header
, section and footer tags to differentiate what is what instead of using divs with some class name like every does
A
Anox3D
I may be too traditional for this
<
<Tim>
OP
โข
3/20/24, 11:50 PM
I try to avoid it as much as possible as well
. And if I wrap things than I try to use semantic elements mostly
. But often it
's the only way
.
A
Anox3D
I'm still using header, section and footer tags to differentiate what is what in...
<
<Tim>
OP
โข
3/20/24, 11:51 PM
Yup that
's what I mean
, that always feels much better
:D
(And is better for accessibility in some cases
)
J
John Henry Eden
Ur avatar looks like iron man
<
<Tim>
OP
โข
3/20/24, 11:51 PM
Lol that
's just my face
A
Anox3D
โข
3/20/24, 11:52 PM
It
's just much more readable
A
Anox3D
โข
3/20/24, 11:52 PM
I don
't understand people working with bootstrap and this kind of library
Original message was deleted
<
<Tim>
OP
โข
3/20/24, 11:52 PM
Well
.
.
. First of all
, what about
#
โgame
-development instead of web dev
?
A
Anox3D
โข
3/20/24, 11:53 PM
You
're just creating shits of divs and spans with weird class names
A
Anox3D
โข
3/20/24, 11:53 PM
It just doesn
't feel right
<
<Tim>
OP
โข
3/20/24, 11:53 PM
Yeah I never really liked bootstrap and tailwind etc
A
Anox3D
โข
3/20/24, 11:53 PM
And you
're just making your code heavier
A
Anox3D
โข
3/20/24, 11:54 PM
Also you don
't learn how to use CSS for real
<
<Tim>
OP
โข
3/20/24, 11:54 PM
For everything that
's not component based it
's bullshit anyway
. If you want to change the overall whitespace of a page or change some colors you need to rename every class name
A
Anox3D
โข
3/20/24, 11:54 PM
You
're depending from the library but you can
't do everything
<
<Tim>
For everything that's not component based it's bullshit anyway. If you want to c...
A
Anox3D
โข
3/20/24, 11:55 PM
Oh god
Next page