@Ayako-Yokoe
Latest solutions
Room Homepage with Animations
#sass/scssPSubmitted 19 days agoI'm curious if I could accomplish this same result with transitions or if animation keyframes are the way to go.
Loopstudios with BEM and Sass
#bem#sass/scssPSubmitted 29 days agoI'd like any tips on how to setup and structure sass projects.
Cube CSS NFT Card
#cube-cssPSubmitted about 1 month agoI'd like any tips on how to implement CUBE CSS into a project and if I followed the guidelines correctly.
Vanilla Tic Tac Toe Game
#bemPSubmitted about 2 months agoI'd like any recommendations for accessibility improvements.
Accessible BMI calculator
#pure-cssPSubmitted about 2 months agoI'd specifically like help with accessibility. If anyone has suggestions on how to make this solution more accessible possibly with screen readers I'd appreciate the help.
Ecommerce Product Page using dialogs
#pure-cssPSubmitted 2 months agoSpecifically, I'd like any suggestions or help on how to make that checkout dialog better. Generally, any tips on how to create modals would be helpful as well.
Latest comments
- P@Joshk7
Very good work Ayako! I really like the slide animation and I wish I would have thought of that. The only thing that I could say is that the nav links are slightly too big of font size.
- @Ayako-YokoeP@Joshk7
This solution looks great, honestly I don't have much feedback.
- @xrazerzP@Joshk7
The site link wasn't working but the screenshot looks very close to the design for this challenge. Nice work.
- @CostboundP@Joshk7
This looks really nice. I especially like the animations you added on the toggle. If you want to add another animation to look like buttons are being pressed in on hover you can add this to any button:
button:hover { box-shadow: none; transform: translateY(0.25rem); }The drop shadow of the button is removed and the button is moved slightly down.
- P@taceseptP@Joshk7
This looks great! One small improvement you could add is a slight animation when hovering on the buttons with drop shadows. This is what I did:
.button:hover { box-shadow: none; transform: translateY(0.25rem); }That just moves the button down slightly so it looks as if you're pressing the button into the background.
Marked as helpful - @alfonso-ramosP@Joshk7
This looks great! The background gradient is centered on your solution but you could position that background absolutely.
.background { position: absolute; z-index: -1; left: 0; top: 0; }From there, you can style the background with custom height and width to look more like the design. However, I do like how you laid out this solution so this is just a suggestion.
