Abdul Ahad⚡
Abdul Ahad⚡
Explore posts from servers
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 3/13/2025 in #front-end
Position: fixed is not working as expected
@here Added these properties but no luck. Explained the structure of the html here https://www.awesomescreenshot.com/video/37626830?key=7cdbc4f4ec65b8f5cb74d61c832d3a81
10 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 2/14/2025 in #front-end
How do I approach this circle micro interaction
understood, thank you
3 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 2/5/2025 in #front-end
How would you approach this effect in css?
yeah, this is how i did it. with flex box though. initial width 100% and on hover 120%. kept the image at 120% fixed.
22 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 2/5/2025 in #front-end
How would you approach this effect in css?
thanks @Chris
22 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 2/5/2025 in #front-end
How would you approach this effect in css?
looks like this to me
22 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 2/5/2025 in #front-end
How would you approach this effect in css?
the one which you did before where background-attachment: fixed; , horizontal scroll is fine but in while scrolling vertically. the image stays where it is, we want it to move while scrolling vertically
22 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 2/5/2025 in #front-end
How would you approach this effect in css?
this way the image is not still. It's width is increasing with the with of the hovered element.
22 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 10/8/2024 in #front-end
How would you approach this button?
You guys are just awesome. Thank you so much everyone
29 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 10/8/2024 in #front-end
How would you approach this button?
I havan't seen it anywhere actually
29 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 10/8/2024 in #front-end
How would you approach this button?
I'm using background Image but It's not responsive.
29 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 10/8/2024 in #front-end
How would you approach this button?
No description
29 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 9/21/2024 in #front-end
How to approach the text highlight with a vector.
got it, thank you so much
8 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 9/21/2024 in #front-end
How to approach the text highlight with a vector.
8 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 9/21/2024 in #front-end
How to approach the text highlight with a vector.
Yeah that's the thing. I'm currently using as background but wrapping gets tricky
8 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 9/7/2024 in #front-end
How do I make background transparent for only specific parts
Linear gradients
12 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 9/7/2024 in #front-end
How do I make background transparent for only specific parts
The mask
12 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 9/7/2024 in #front-end
How do I make background transparent for only specific parts
@jsnkuhn @jsnkuhn Thanks a lot. How are you guys getting those values
12 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 4/29/2024 in #front-end
Filling Input field using js
window.addEventListener('load', function() {
const iframe = document.querySelector('iframe[src*="hubspot"]');
if (iframe) {
iframe.addEventListener('load', function() {
const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
const inputField = iframeDocument.querySelector('.hs_last_visited_url_before_demo input');
if (inputField) {
const url = "theurl.com";
inputField.value = url;
}
});
}
});
window.addEventListener('load', function() {
const iframe = document.querySelector('iframe[src*="hubspot"]');
if (iframe) {
iframe.addEventListener('load', function() {
const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
const inputField = iframeDocument.querySelector('.hs_last_visited_url_before_demo input');
if (inputField) {
const url = "theurl.com";
inputField.value = url;
}
});
}
});
tried using contentDocument, still not able to get it, maybe due to the crossorigin policy then. any other way I can try?
9 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 4/27/2024 in #front-end
Overflow Issue
Okay, I'll deploy it and post it again
6 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 4/27/2024 in #front-end
Overflow Issue
I've used port forwording from github
6 replies