# first.items[].content
The third is something I quickly made to answer a question I saw on reddit https://reddit.com/r/css/comments/1fwm 87i/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

# first.items[].contentMap.en
The third is something I quickly made to answer a question I saw on reddit https://reddit.com/r/css/comments/1fwm 87i/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

# first.items[].attachment[].name
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.

# first.items[].attachment[].name
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.

# first.items[].attachment[].name
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.