Skip to main content

Search

Items tagged with: cssmask

The third is something I quickly made to answer a question I saw on reddit https://reddit.com/r/css/comments/1fwm87i/comment/lqg11fl/

It's similar to something you can find on a lot of websites with a couple extra constraints:
✨ no extra elements, no pseudos
✨ working fine on top of image background

#CSS #cssGradient #mask #cssMask #code #coding #frontend #web #dev #webDev #webDevelopment

Screenshot of the Rome2Rio website implementing this pattern of having a departure point and a destination as input fields and a button between them allowing to swap their values.
Screenshot of the Flixbus website implementing this pattern of having a departure point and a destination as input fields and a button between them allowing to swap their values.
Screenshot of my CodePen demo implementing this pattern of having a departure point and a destination as input fields and a button between them allowing to swap their values. In this case, the two inputs have a cutout where the round button in between them intersects them and a border following this cutout shape.
#dev #web #webdev #code #css #coding #frontend #mask #webdevelopment #cssgradient #cssmask

⇧