# 158: pogas Expando izvēlne - CSS-triki

Anonim

Es redzēju Dribbble šāvienu citu dienu Eli Brumley, kam bija foršs interaktīvs efekts. Vienkārša apļveida zila poga, noklikšķinot uz tās, paplašinās pati par sevi mazā izvēlnē. Es aktivizēju profesora režīmu CodePen, lai ļautu cilvēkiem skatīties, kā es būvēju, bet es to arī ierakstīju, lai es varētu to pārrunāt un publicēt šeit.

Mērķis šeit ir domāšanas vingrinājums, kurā iesaistīti HTML, CSS, JavaScript, SVG un dizains. Tas nav ideāls ražošanai gatavs logrīks. Faktiski beigās mēs apspriedām dažas lietas, pie kurām mēs netikaam.

Skatiet Krāsu Koijera (@chriscoyier) pildspalvas izvēlnes Toggle Thing lietojumprogrammu CodePen.