Search
Get Started
PD
Program Dream
โข
2y ago
<Tim>
but if you use IE, you got other problems
but if you use IE
, you got other problems
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
A
Anox3D
โข
3/19/24, 8:20 PM
Alright it
's great then
<
<Tim>
but if you use IE, you got other problems
A
Anox3D
โข
3/19/24, 8:21 PM
What do you mean using windows 95 in 2024 is a problem
<
<Tim>
demo: https://jsfiddle.net/timlg07/zphdnmca/
A
Anox3D
โข
3/19/24, 9:26 PM
It works just like intended but is there a keeping the
.25s transition
? It actually just transform at the moment the cursor is hovering
<
<Tim>
OP
โข
3/19/24, 10:34 PM
yeah you can
't have animation
& transition on the same property at the same time
<
<Tim>
OP
โข
3/19/24, 10:35 PM
Maybe it would be best to split it up into 2 components
<
<Tim>
OP
โข
3/19/24, 10:35 PM
so you have an outer div that gets the scale on hover and the inner div does the floaty bubble stuff
<
<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
Next page