Styjun

Photoshop: How can I change the layer type?

Redacting URLs as an email-phishing preventative?

How to gently end involvement with an online community?

What is the loud noise of a helicopter when the rotors are not yet moving?

Could George I (of Great Britain) speak English?

“T” in subscript in formulas

If the Shillelagh cantrip is applied to a club with non-standard damage dice, what is the resulting damage dice?

Discussing work with supervisor in an invited dinner with his family

Can you cast bonus action and reaction spells while already casting a spell?

How do proponents of Sola Scriptura address the ministry of those Apostles who authored no parts of Scripture?

Is there any way to keep a player from killing an NPC?

Nothing like a good ol' game of ModTen

Why is the UK so keen to remove the "backstop" when their leadership seems to think that no border will be needed in Northern Ireland?

What would make bones be of different colors?

How many birds in the bush?

Why isn't temperature definable for a single, classical particle?

How were medieval castles built in swamps or marshes without draining them?

Athens airport 1-hour connection at normal walking speed

Why do banks “park” their money at the European Central Bank?

"There were either twelve sexes or none."

Can $! cause race conditions when used in scripts running in parallel?

Is gzip atomic?

Understanding how the determinant of the multidimensional normal likelihood can overrule the prior probability

Boot Windows from SAN

Is it somehow possible to link the view port width to the transform: rotate(degree) value?

CSS3's border-radius property and border-collapse:collapse don't mix. How can I use border-radius to create a collapsed table with rounded corners?Most efficient way to modify a single css property on the fly from javascriptCSS Transform with element resizing-webkit-transform rotate with js variable for degree valueAnimate element from margin:auto .Center vertically and horizontally a rotated divcss: limit element to min(container width, container height)Rotating CSS cube on fixed axesMake em units relative to an ancestor that is not the parentsvg transform rotation precision

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

1

I would like to do the heading as diagonal as the divider below. The degree of the upper line from the divider depends on the view port width.

So my question is, if it's somehow possible to do a transform: rotate() with a calc(100vw * 1deg) in it? Unfortunately it doesn't work, because there seems to be a problem with the inappropriate unit.

I know it's quite easy to do this with JavaScript, but is it also possible with CSS only?

The code can be found here: https://github.com/openscript/funky-aslant-theme

html css

share|improve this question

edited Mar 27 at 18:54

Robin

asked Mar 27 at 18:33

RobinRobin

4,05033 gold badges3737 silver badges6363 bronze badges

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  no it's not possible but share the code we may find another workaround
  
  – Temani Afif
  Mar 27 at 18:53
  

  
  
  
  

add a comment | 

1

I would like to do the heading as diagonal as the divider below. The degree of the upper line from the divider depends on the view port width.

So my question is, if it's somehow possible to do a transform: rotate() with a calc(100vw * 1deg) in it? Unfortunately it doesn't work, because there seems to be a problem with the inappropriate unit.

I know it's quite easy to do this with JavaScript, but is it also possible with CSS only?

The code can be found here: https://github.com/openscript/funky-aslant-theme

html css

share|improve this question

edited Mar 27 at 18:54

Robin

asked Mar 27 at 18:33

RobinRobin

4,05033 gold badges3737 silver badges6363 bronze badges

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  no it's not possible but share the code we may find another workaround
  
  – Temani Afif
  Mar 27 at 18:53
  

  
  
  
  

add a comment | 

I would like to do the heading as diagonal as the divider below. The degree of the upper line from the divider depends on the view port width.

So my question is, if it's somehow possible to do a transform: rotate() with a calc(100vw * 1deg) in it? Unfortunately it doesn't work, because there seems to be a problem with the inappropriate unit.

I know it's quite easy to do this with JavaScript, but is it also possible with CSS only?

The code can be found here: https://github.com/openscript/funky-aslant-theme

html css

share|improve this question

edited Mar 27 at 18:54

Robin

asked Mar 27 at 18:33

RobinRobin

4,05033 gold badges3737 silver badges6363 bronze badges

share|improve this question

edited Mar 27 at 18:54

Robin

asked Mar 27 at 18:33

RobinRobin

4,05033 gold badges3737 silver badges6363 bronze badges

share|improve this question

edited Mar 27 at 18:54

Robin

asked Mar 27 at 18:33

RobinRobin

4,05033 gold badges3737 silver badges6363 bronze badges

asked Mar 27 at 18:33

RobinRobin

4,05033 gold badges3737 silver badges6363 bronze badges

asked Mar 27 at 18:33

RobinRobin

4,05033 gold badges3737 silver badges6363 bronze badges