Ssadiq Roy
KPCKevin Powell - Community
•Created by Ssadiq Roy on 8/21/2023 in #front-end
CSS Animations` Effect on Pseudo-Element
Oh Woww! That's it. I took the grid out and it didn't.
Thank Very much.
But without the display grid is there any way you could make that action (an element bouncing on a line, probably it's pseudo element). That would be very helpful too.
9 replies
KPCKevin Powell - Community
•Created by Ssadiq Roy on 8/21/2023 in #front-end
CSS Animations` Effect on Pseudo-Element
@Mannix
Its working but I still can't grasp how it is working. You edited the
Its working but I still can't grasp how it is working. You edited the
::after of the parent element with no absolute position, and you rather animated the after of the button (child element) on child element's hover.
Please can you explain to me how this works? 🙏9 replies
KPCKevin Powell - Community
•Created by Ssadiq Roy on 8/21/2023 in #front-end
CSS Animations` Effect on Pseudo-Element
The parent is the long box with the 1px border, I don't want the bottom line to be long. I want it to be just the with of the button.
And I also want to find out if in css, you can prevent the pseudo element from following the parent element`s animation.
9 replies
KPCKevin Powell - Community
•Created by Nikita on 8/20/2023 in #front-end
Help me with prettier - its not so easy and obviously as you think
Do you have prettier extension installed? If you don't please install it. And if you do or if you already have try
ctr + shift + P it will display a search input at the top, type format document with and select prettier as your formatter.
This may help.4 replies
KPCKevin Powell - Community
•Created by ME on 8/17/2023 in #front-end
Event doesn't work
From what I see in your
html the .inner element is not in the .outer element.
It is just indented.10 replies
KPCKevin Powell - Community
•Created by snxxwyy on 7/9/2023 in #front-end
design help
I couldn't get your objective
36 replies
KPCKevin Powell - Community
•Created by Joao on 7/9/2023 in #front-end
Create data attribute selector on a SASS loop
😊😊
3 replies
KPCKevin Powell - Community
•Created by john_galt on 7/9/2023 in #front-end
How to limit the height of flex-item to allow flex-grow and enable scrolling inside of it?
Maybe you should set
overflow: scroll; the .col-2.col3. That will keep the content in .col-2.col-3 from overflowing in their parent.
Try and see if it works.2 replies
KPCKevin Powell - Community
•Created by snxxwyy on 7/9/2023 in #front-end
design help
Do you want the image to cut 50/50 of the black div showing the currency?
36 replies
KPCKevin Powell - Community
•Created by Saagy on 5/22/2023 in #front-end
Background color sizing on img hover
Maybe, have the image in square, it’s parent element in square, and increase the parent element’s padding on hover.
That might work just same.
But make sure box-sizing is not border-box
24 replies
KPCKevin Powell - Community
•Created by Myndi on 5/24/2023 in #front-end
Anyone have any idea of how to replicate this grid phone layout?
Maybe you should set the main element grid size to window width and translate the side element to -100% and when u need it in view u set it back to 0.
89 replies
KPCKevin Powell - Community
•Created by thethingisback on 5/16/2023 in #front-end
Concept understanding: ES6 Modules
This is cool yet I still prefer CommonJs syntax in nodeJs.
6 replies
KPCKevin Powell - Community
•Created by ronyshahab on 2/26/2023 in #front-end
Where to start?
For CSS, search for top beautiful sites and try to build similar with responsiveness and sine animated sites. Checkout dribbble.com. For javascript imagine complex ideas and build applications for it. You can get ideas from a little web surf.
8 replies